﻿html{color:#000;background:#efefef;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;width:100%;overflow-x:hidden}
body{-ms-touch-action:pan-y;overflow-x: hidden;color:#333;font-size:14px;margin:0;padding:0;font-family:微软雅黑,Helvetica,Arial,sans-serif;background:#efefef;-webkit-tap-highlight-color: rgba(0,0,0,0);/*height:100%;background:#bfe4f8;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{color:#08c}
a:hover{color:#08c;text-decoration:none}ins,a{text-decoration:none}

.ui-content{}
.card-body{background-size:100% auto;color:#fff; background:url(/Content/homebg.jpg) no-repeat #0088cc; background-size:100%;}
.card-background{padding:10px 40px 5px;position:relative;
background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0,rgba(45,139,127,0.8)),color-stop(0.5,rgba(38,118,173,0.8)));
background:-moz-linear-gradient(0 0 90deg,rgba(45,139,127,0.6) 0,rgba(38,118,173,0.6) 100%);
background:-ms-linear-gradient(90deg,rgba(45,139,127,0.6) 0,rgba(38,118,173,0.6) 100%);
}
.card-body .counts{text-align:center;font-size:12px; }
.card-body .counts em{font-size:14px;font-weight:700;}
.card-body .avatar{width:80px;height:80px;border-radius:44px;-moz-border-radius: 44px;-o-border-radius: 44px;-ms-border-radius: 44px;border:4px solid rgba(240,240,240,.5);margin:0 auto 5px;position:relative}
.card-body .avatar a{display:block;width:80px;height:80px}
.card-body .avatar img{width:80px;height:80px;border-radius:40px;-moz-border-radius: 40px;-o-border-radius: 40px;-ms-border-radius: 40px;overflow:hidden}
.card-body .avatar i{display:block;position:absolute;width:20px;height:20px;bottom:-5px;right:-5px;background:url(v-icon.png) no-repeat 0 0;background-size:20px;overflow:hidden;text-indent:-99em}
.card-body .card-info{}
.card-body .card-info li{color:#fff;text-align:center;font-size:12px}
.card-body .card-info li.worktitle{font-size:16px}
.card-body .card-info::after{height:1px;margin:10px;content:"";display:block;
background:-webkit-gradient(linear ,0 0,100% 0,color-stop(0,rgba(255,255,255,0)),color-stop(0.5,rgba(230,230,230,0.3)),color-stop(1,rgba(255,255,255,0)));
background:-moz-linear-gradient(0 0 0deg,rgba(255,255,255,0) 0,rgba(230,230,230,0.3) 50%,rgba(255,255,255,0) 100%);
background:-ms-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(230,230,230,0.3) 50%,rgba(255,255,255,0) 100%);
}
.card-body .show_qrcode_icon{position:absolute;right:15px;top:15px;background:url(new_icons_v3.png?v=20140416) no-repeat 0 -276px;background-size:120px auto;width:32px;height:32px}
.card-body .card-info h1{font-size:24px}
.card-body .card-items li{margin:5px 0;line-height:14px;position:relative;padding-left:55px;font-size:12px}
.card-body .card-items li a{color:#bfe4f8;/*background:rgba(255,255,255,.5)*/}
.card-body .card-items em{background:url(new_icons_v3.png?v=20140416) no-repeat;display:block;position:absolute;left:0;top:0;background-size:140px auto;padding-left:18px;}
.card-body .card-items em.email{background-position:0 -14px}
.card-body .card-items em.address{background-position:0 -28px}
.card-body .card-items em.weixinid{background-position:-70px 0}

.card-body .addition-content{background:#bfe4f8;padding:15px 12px;color:#666; font-size:12px;}
.card-body .addition-content li{padding:.2em 10px .2em 75px;position:relative}
.card-body .addition-content li em{position:absolute;left:18px;font-style:normal;font-weight:700}

.bottom-icons-box{background:#fff;width:100%;clear:both;overflow:hidden}
.bottom-icons-box li{width:25%;float:left;position:relative}
.bottom-icons-box a{display:block;text-align: center;padding: 70px 0 10px;-webkit-tap-highlight-color:#bfe4f8}
.bottom-icons-box a:before{content:"";display:block;position:absolute;top:10px;left:50%;margin-left:-30px;background:url(new_icons_v3.png?v=20140416) no-repeat 0 -96px;background-size:120px auto;width:60px;height:60px}
.bottom-icons-box a.renmai:before{background-position-y:-96px}
.bottom-icons-box a.gongzhong:before{background-position-y:-156px}
.bottom-icons-box a.coming:before{background-position-y:-216px}
.bottom-icons-box a.interest:before{background-position-y:-310px}
.bottom-icons-box a.resume:before{background-position-y:-370px}
.bottom-icons-box a.unlight:before{background-position-x:-60px}

.bottom-buttons-box{padding:15px}

.top-card-info{padding:10px 15px;position:relative;height:58px;color:#fff;
background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0,rgba(45,139,127,0.8)),color-stop(0.5,rgba(38,118,173,0.8)));
background:-moz-linear-gradient(0 0 90deg,rgba(45,139,127,0.6) 0,rgba(38,118,173,0.6) 100%);
background:-ms-linear-gradient(90deg,rgba(45,139,127,0.6),rgba(38,118,173,0.6));
}
.top-card-info .avatar{width:50px;height:50px;border-radius:29px;-moz-border-radius: 29px;-o-border-radius: 29px;-ms-border-radius: 29px;border:4px solid rgba(240,240,240,.5);float: left;margin-right: 10px;position:relative}
.top-card-info .avatar img{width:50px;height:50px;border-radius:25px;-moz-border-radius: 25px;-o-border-radius: 25px;-ms-border-radius: 25px;}
.top-card-info .avatar i{display:block;position:absolute;width:20px;height:20px;bottom:-5px;right:-5px;background:url(v-icon.png) no-repeat 0 0;background-size:15px;overflow:hidden;text-indent:-99em}
.top-card-info h3{font-size:16px}
.btn{display:block;text-align:center;line-height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #ddd;margin:.5em;font-size:16px}
.btn-b{background:#08c;color:#fff;border-color:#9cb9ca}
.btn-b:hover{color:#fff;background:#06c}
.btn-y{background:#f90;color:#fff;border-color:#ccc}
.btn-y:hover{color:#fff;background:#f60}
.btn-c{background:#fff;}
.btn-c:hover{background:#bfe4f8}
.btn-wrap{margin:.5em;}
input.btn[type=submit]{width:100%;margin:.5em 0;-webkit-appearance:none;outline:none}
.btn span.icon{position:relative;padding-left:20px;line-height:18px;height:18px;display:inline-block}
.btn span.icon:before{content:"";display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(new_icons_v3.png?v=20140416) no-repeat;background-size:120px auto;}
.btn span.icon-search:before{background-position:-90px -36px}
.btn-inline{display:inline-block;float:left}
.btn-inline-fr{float:right}
.shadow_bg{width: 100%; height: 100%;background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 9999999; text-align: right;display:none}
.sharebox,.follow-tip{position: fixed; z-index: 10000000; right: 0; width: 100%; text-align: right;display:none;top:0}
.follow-tip{display:block;padding:20px 0}
.follow-tip .btn{margin:2em 1em 0}
.follow-tip  .close{width:48px;height:48px;position:absolute;right:0;top:0;background:url(close.png) no-repeat 0 -2px}
.sharebox img,.follow-tip img{width:100%}
#QRCode-box{display:none;position:fixed;top:50%;left:50%;width:300px;text-align:center;margin-left:-150px;height:240px;margin-top:-190px;z-index:10000000;background:#fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;box-shadow:0 0 5px rgba(0,0,0,0.5);padding-top:50px}
#QRCode-box h5{font-size:16px;font-weight:400;margin:15px 0 0;color:#666}
#QRCode-box .close{width:50px;height:50px;position:absolute;right:0;top:0;background:url(close.png) no-repeat}

.copyright{font-size:14px;text-align:center;color:#999;line-height:1.5em;padding:10px 0}

.slide-wrap{position:relative;width:100%;overflow:hidden;min-height:320px}
.slide-box{position:absolute;left:0;width:100%;height:100%}
.slide-box .slide-item{position:absolute;width:100%;top:0;background:#efefef;min-height:360px/*-webkit-transition:all .5s ease-out*/}
.slide-box .slide-item-1{left:0;}
.slide-box .slide-item-2{left:100%;}
.slide-box .slide-item-3{left:200%;}
.slide-box .slide-item-4{left:300%;}
.slide-item-loading{line-height:320px;text-align:center;text-shadow:1px 1px 0 #fff }
.top-back-btn{background:#08c url(back.png) no-repeat 0 12px;background-size:24px }
.top-back-btn a,.top-back-btn a:hover,.top-back-btn a:visited{display:block;color:#fff;font-size:16px;font-weight:200;text-shadow:none;text-decoration:none;line-height:50px; height:50px;white-space:nowrap;overflow:hidden;text-align:center;}

.slide-box .slide-item p.nocontent-tip{padding:40px 0;text-align:center}
.slide-box .slide-item p.nocontent-tip img{width:70%}
.top-tip{background:#f90;color:#fff;padding:1em .5em;text-align:center}
.top-tip a{color:#fff;display:block}
.count-tips {text-align: center;border: 1px #f8a700 solid;background: #fff5ca;padding:.5em}

.verification-desc,.OpResult-box{background:#fff;border-top:2px solid #f90;padding:15px 0}
.verification-desc h2{text-align:center;font-size:18px;color:#f00;padding-bottom:10px}


.verification-desc li{margin:15px;padding:0 0 0 10px;border-left:8px solid #bfe4f8;line-height:14px}
.verification-invite-list h2{background:#bfe4f8;font-size:18px;padding:1em .5em .5em;border-bottom:1px solid #ddd}
.verification-invite-list h2 p{font-size:12px;color:#999}
.verification-invite-list input[type=checkbox]{position:absolute;right:-100px}
.verification-invite-list li.current{background:#bfe4f8}
.verification-invite-list li.current:after{position:absolute;top:50%;right:15px;margin-top:-15px;content:"";display:block;width:30px;height:30px;background:url(check.png) no-repeat 0 0;background-size:30px 30px}
.verification-invite-button{position:fixed;bottom:0;left:0;width:100%;height:50px}
.verification-invite-button input[type=submit]{display:block;background:#f90;color:#fff;border:0 none;-webkit-appearance:none;outline:none;text-align:center;width:100%;height:50px}

.OpResult-box{padding:1.8em 1em 1em;}
.OpResult-box h3{height:32px;line-height:32px;font-size:18px;background:url(check.png) no-repeat 0 0;background-size:32px 32px;padding-left:40px; color:#f90;margin-bottom:20px; margin-left:40px;}
.OpResult-box p{margin-left:40px; margin-bottom:20px;}
#FavApplyAlertContent{padding:10px 20px;color:#08c;line-height:1.5em;font-size:16px}
#FavApplyAlertContent em{color:#f90}

.card-list ul{background:#fff}
.card-list ul.bg{background:#efefef}
.card-list li{border-bottom:1px solid #ddd;position:relative;/*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/width: 100%;}
.card-list h4{font-size: 16px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.card-list .pic-box{position:absolute;top:5px;left:15px}
.card-list .pic {float: left;height: 40px; position:relative}
.card-list .pic .v-icon{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;display:block;background-size:10px;overflow:hidden;text-indent:-99em}
.card-list .pic img {height: 40px;width: 40px;}
.card-list .ui-li-desc {margin: .3em 0 0;/*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/}
.card-list a.list-item{color:#333;padding: 5px 15px 5px 65px; min-height:40px; display:block;clear:both;float:none;overflow:hidden;/*height:40px*/}
/*.card-list li.current p{white-space:pre-line}
.card-list li.current a{height:auto}*/
.card-list h4 span {position: absolute;right: 25px;top: 5px;font-size: 12px;color: #999;}
.card-list p{color:#999;/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden*/}
.card-list p span.work-title{margin-right:5px}
.card-list a.btn-inline,.card-group-list .card-info a.btn-inline{display:inline-block;padding:0 20px;height:auto;margin:5px 0;line-height:2em;}
.card-list a.btn-b,.card-group-list .card-info a.btn-b{color:#fff;height:auto;margin:5px 0;line-height:2em;}
.card-list a.btn-inline-fr,.card-group-list .card-info a.btn-inline-fr{float:right;}
.card-list .panel-content{padding:10px 4%;display:none;overflow:hidden; background-color:#e0e0e0; clear:both;}
.card-list .panel-content ul{margin-bottom:-1px}
.card-list li.current .panel-content{display:block}
.card-list .panel-content .comment-tip{position:relative;background:#bfe4f8;margin:10px 0;padding:5px;border:1px solid #9cc9e4;}
.card-list .panel-content .comment-tip:before,.card-list .panel-content .comment-tip::after{content:"";display:block;position:absolute;left:0;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border-style:dashed dashed solid dashed;}
.card-list .panel-content .comment-tip:before{border-width:0 11px 11px 11px;border-color:transparent transparent #9cc9e4 transparent;top:-11px;margin-left:10px}
.card-list .panel-content .comment-tip:after{border-width:0 10px 10px 10px;border-color:transparent transparent #bfe4f8 transparent;top:-10px;margin-left:11px}
.card-list .panel-content textarea{width:99%;height:3em;border:1px solid #ccc;margin:.5em 0; background-color:#fff;}
.card-list .panel-content div.addition{line-height:22px;color:#666; margin-bottom:5px; padding:8px; background-color:#fff; border-top:1px solid #d8d8d8; border-left-width:0; text-align:left;}
.card-list .panel-content div.addition strong{background-color:#069ae0; color:#fff;padding:1px 5px; margin-right:5px; margin-left:-8px;}
.card-list ul.tags{overflow:hidden;width:97%;border-top:1px solid #d8d8d8; padding-left:3%;}
.card-list ul.tags li{float:left;margin:5px 5px 5px 0;background:#bfe4f8;border:1px solid #069ae0;padding:0 15px;width:auto;color:#069ae0;line-height:24px;border-radius:4px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list ul.tags li.strong{background-color:#069ae0;line-height:22px; color:#fff;padding:1px 5px; margin-right:5px; margin-left:-3%; border-radius:0;}

.fav-index-content h3 {margin: 5px 15px;font-size: 18px;}
.fav-index-content h4 span{right:35px}
.page-tips {text-align: center;padding:15px 0}

/*#nav_wrap{position:fixed;bottom:0;left:0;width:187px;height:187px;
transform-origin:0 100%;
-ms-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-webkit-transform-origin:0 100%;
-o-transform-origin:0 100%;*/
/*transform:rotate(-90deg);*/
/*-ms-transform:rotate(-90deg);*/ 	/* IE 9 */
/*-moz-transform:rotate(-90deg);*/ 	/* Firefox */
/*-webkit-transform:rotate(-90deg);*/ /* Safari 和 Chrome */
/*-o-transform:rotate(-90deg);

transition: transform .3s ease-in;*/
/*-moz-transition: -ms-transform .3s ease-in;*/ /* Firefox 4 */
/*-webkit-transition: -webkit-transform .3s ease-in;*/ /* Safari 和 Chrome */
/*-o-transition: -o-transform .3s ease-in;*/ /* Opera */
/*}
 #nav_wrap.on
{
transform:rotate(0);*/
/*-ms-transform:rotate(0);*/ 	/* IE 9 */
/*-moz-transform:rotate(0);*/ 	/* Firefox */
/*-webkit-transform:rotate(0)l*/ /* Safari 和 Chrome */
/*-o-transform:rotate(0);
}
.nav{position:relative;width:187px;height:187px;background:url(nav.png) no-repeat 0 0;background-size:187px auto}
.nav li{position:absolute;width:48px;height:48px}
.nav li:before{content:"";display:none;z-index:0;position:absolute;background:url(nav.png?v=2014) no-repeat 0 -226px;background-size:187px auto}
.nav li:hover:before{display:block}
.nav li a{position:relative;display:block;width:48px;height:12px;padding:30px 0 6px;text-align:center;color:#fff;line-height:12px;font-size:11px}
.nav li a:before{content:"";display:block;position:absolute;width:28px;height:28px;background:url(nav.png) no-repeat 0 -198px;top:0;left:50%;margin-left:-14px;background-size:187px auto}
.nav li.home{left:7px;top:9px}
.nav li.home:before{width:72px;height:70px;top:-9px;left:-7px}
.nav li.search{left:64px;top:33px}
.nav li.search:before{width:84px;height:84px;top:-20px;left:-15px;background-position-x:-72px}
.nav li.search a:before{background-position-x:-28px}
.nav li.favorite{left:110px;top:76px}
.nav li.favorite:before{width:84px;height:84px;top:-20px;left:-21px;background-position-y:-296px}
.nav li.favorite a:before{background-position-x:-56px}
.nav li.group{left:131px;top:134px}
.nav li.group:before{width:71px;height:72px;top:-17px;left:-14px;background-position:-84px -310px}
.nav li.group a:before{background-position-x:-84px}
.show-nav-btn{width:50px;height:50px;overflow:hidden;border-radius:29px;-moz-border-radius: 29px;-o-border-radius: 29px;-ms-border-radius: 29px;border:4px solid #0899e1; position:fixed;bottom:10px;left:10px;z-index:999998;/*box-shadow: 0 0 5px rgba(8,34,248,0.7);}
.show-nav-btn img{width:50px;height:50px;border-radius:25px;-moz-border-radius: 25px;-o-border-radius: 25px;-ms-border-radius: 25px;}*/


#nav_wrap{position: fixed;bottom: 0;left: 0;width: 58px;height: 58px;}
.nav{position:relative;width: 58px;height: 58px;}
.nav li{position:absolute;width:48px;height:48px;background:rgba(255,153,0,.8);border-radius:29px;padding:5px;bottom:20px;left:20px;
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
}
.nav li:hover{background:#f60}
.nav li a{position:relative;display:block;width:48px;height:12px;padding:30px 0 6px;text-align:center;color:#fff;line-height:12px;font-size:11px}
.nav li a:before{content:"";display:block;position:absolute;width:20px;height:20px;background:url(nav-v2.png) no-repeat 0 0;top:6px;left:50%;margin-left:-10px;background-size:auto 20px}
#nav_wrap.off li a{animation:nav_li_a_off .5s ease 1 normal 0 forwards;-ms-animation:nav_li_a_off .5s ease 1 normal 0 forwards;-moz-animation:nav_li_a_off .5s ease 1 normal 0 forwards;-webkit-animation:nav_li_a_off .5s ease 1 normal 0 forwards;-o-animation:nav_li_a_off .5s ease 1 normal 0 forwards;}
#nav_wrap.on li a{animation:nav_li_a_on .5s ease 1 normal 0 forwards;-ms-animation:nav_li_a_on .5s ease 1 normal 0 forwards;-moz-animation:nav_li_a_on .5s ease 1 normal 0 forwards;-webkit-animation:nav_li_a_on .5s ease 1 normal 0 forwards;-o-animation:nav_li_a_on .5s ease 1 normal 0 forwards;}
#nav_wrap.off li.home{    
    animation:nav_home_off .5s ease 1 normal 0 forwards;
    -ms-animation:nav_home_off .5s ease 1 normal 0 forwards;
    -moz-animation:nav_home_off .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_home_off .5s ease 1 normal 0 forwards;
    -o-animation:nav_home_off .5s ease 1 normal 0 forwards;
}
#nav_wrap.on li.home
{
    animation:nav_home_on .5s ease 1 normal 0 forwards;
    -ms-animation:nav_home_on .5s ease 1 normal 0 forwards;
    -moz-animation:nav_home_on .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_home_on .5s ease 1 normal 0 forwards;
    -o-animation:nav_home_on .5s ease 1 normal 0 forwards;
}

@-webkit-keyframes nav_li_a_on
{
    0%
    {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }
    90%
    {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
    }
    100%
    {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
    }
}
@-webkit-keyframes nav_li_a_off
{
    100%
    {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }
    50%
    {
        transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
    }
    0%
    {
        transform:rotate(0);
        -ms-transform:rotate(0);
        -o-transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
    }
}
@keyframes nav_home_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    100%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-webkit-keyframes nav_home_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    100%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-ms-keyframes nav_home_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    100%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-moz-keyframes nav_home_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    100%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-o-keyframes nav_home_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    100%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@keyframes nav_home_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    0%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-webkit-keyframes nav_home_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    0%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-ms-keyframes nav_home_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    0%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-moz-keyframes nav_home_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    0%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}
@-o-keyframes nav_home_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
    0%
    {
        transform:scale(1) translate(-14px,-119px);
        -ms-transform:scale(1) translate(-14px,-119px);
        -o-transform:scale(1) translate(-14px,-119px);
        -webkit-transform:scale(1) translate(-14px,-119px);
        -moz-transform:scale(1) translate(-14px,-119px);
    }
}

#nav_wrap.off li.search{
    animation:nav_search_off .5s ease 1 normal 0 forwards;
    -ms-animation:nav_search_off .5s ease 1 normal 0 forwards;
    -moz-animation:nav_search_off .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_search_off .5s ease 1 normal 0 forwards;
    -o-animation:nav_search_off .5s ease 1 normal 0 forwards;
}
#nav_wrap.on li.search
{
    animation:nav_search_on .5s ease 1 normal 0 forwards;
    -ms-animation:nav_search_on .5s ease 1 normal 0 forwards;
    -moz-animation:nav_search_on .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_search_on .5s ease 1 normal 0 forwards;
    -o-animation:nav_search_on .5s ease 1 normal 0 forwards;
}
@keyframes nav_search_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    100%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-webkit-keyframes nav_search_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    100%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-ms-keyframes nav_search_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    100%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-moz-keyframes nav_search_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    100%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-o-keyframes nav_search_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    100%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@keyframes nav_search_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    0%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-webkit-keyframes nav_search_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    0%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-ms-keyframes nav_search_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    0%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-moz-keyframes nav_search_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    0%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}
@-o-keyframes nav_search_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
    0%
    {
        transform:scale(1) translate(48px,-94px);
        -ms-transform:scale(1) translate(48px,-94px);
        -o-transform:scale(1) translate(48px,-94px);
        -webkit-transform:scale(1) translate(48px,-94px);
        -moz-transform:scale(1) translate(48px,-94px);
    }
}

.nav li.search a:before{background-position-x:-20px}
#nav_wrap.off li.favorite{
    /*left:110px;top:76px*/
    animation:nav_favorite_off .5s ease 1 normal 0 forwards;
    -ms-animation:nav_favorite_off .5s ease 1 normal 0 forwards;
    -moz-animation:nav_favorite_off .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_favorite_off .5s ease 1 normal 0 forwards;
    -o-animation:nav_favorite_off .5s ease 1 normal 0 forwards;
}
#nav_wrap.on li.favorite
{
    animation:nav_favorite_on .5s ease 1 normal 0 forwards;
    -ms-animation:nav_favorite_on .5s ease 1 normal 0 forwards;
    -moz-animation:nav_favorite_on .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_favorite_on .5s ease 1 normal 0 forwards;
    -o-animation:nav_favorite_on .5s ease 1 normal 0 forwards;
}
@keyframes nav_favorite_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    100%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-webkit-keyframes nav_favorite_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    100%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-ms-keyframes nav_favorite_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    100%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-moz-keyframes nav_favorite_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    100%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-o-keyframes nav_favorite_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    100%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@keyframes nav_favorite_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    0%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-webkit-keyframes nav_favorite_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    0%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-ms-keyframes nav_favorite_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    0%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-moz-keyframes nav_favorite_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    0%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
@-o-keyframes nav_favorite_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
    0%
    {
        transform:scale(1) translate(94px,-46px);
        -ms-transform:scale(1) translate(94px,-46px);
        -o-transform:scale(1) translate(94px,-46px);
        -webkit-transform:scale(1) translate(94px,-46px);
        -moz-transform:scale(1) translate(94px,-46px);
    }
}
.nav li.favorite a:before{background-position-x:-40px}
#nav_wrap.off li.group{
    /*left:131px;top:134px;*/
    animation:nav_group_off .5s ease 1 normal 0 forwards;
    -ms-animation:nav_group_off .5s ease 1 normal 0 forwards;
    -moz-animation:nav_group_off .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_group_off .5s ease 1 normal 0 forwards;
    -o-animation:nav_group_off .5s ease 1 normal 0 forwards;
}
#nav_wrap.on li.group
{
    animation:nav_group_on .5s ease 1 normal 0 forwards;
    -ms-animation:nav_group_on .5s ease 1 normal 0 forwards;
    -moz-animation:nav_group_on .5s ease 1 normal 0 forwards;
    -webkit-animation:nav_group_on .5s ease 1 normal 0 forwards;
    -o-animation:nav_group_on .5s ease 1 normal 0 forwards;
}
@keyframes nav_group_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    100%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-webkit-keyframes nav_group_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    100%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-ms-keyframes nav_group_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    100%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-moz-keyframes nav_group_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    100%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-o-keyframes nav_group_on
{
    0%
    {
        transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
    }
    90%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    100%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@keyframes nav_group_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    0%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-webkit-keyframes nav_group_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    0%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-ms-keyframes nav_group_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    0%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-moz-keyframes nav_group_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    0%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
@-o-keyframes nav_group_off
{
    100%
    {
        transform:scale(0.5) translate(0,0);
        -ms-transform:scale(0.5) translate(0,0);
        -o-transform:scale(0.5) translate(0,0);
        -webkit-transform:scale(0.5) translate(0,0);
        -moz-transform:scale(0.5) translate(0,0);
    }
    50%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
    0%
    {
        transform:scale(1) translate(123px,14px);
        -ms-transform:scale(1) translate(123px,14px);
        -o-transform:scale(1) translate(123px,14px);
        -webkit-transform:scale(1) translate(123px,14px);
        -moz-transform:scale(1) translate(123px,14px);
    }
}
.nav li.group a:before{background-position-x:-60px}
.show-nav-btn{width:50px;height:50px;overflow:hidden;border-radius:29px;-moz-border-radius: 29px;-o-border-radius: 29px;-ms-border-radius: 29px;padding:4px;background:#0899e1; position:fixed;bottom:10px;left:10px;z-index:999998;/*box-shadow: 0 0 5px rgba(8,34,248,0.7);*/}
.show-nav-btn img{width:50px;height:50px;border-radius:25px;-moz-border-radius: 25px;-o-border-radius: 25px;-ms-border-radius: 25px;}


.top-nav-icons{background:#fff;width:100%;clear:both;overflow:hidden;}
.top-nav-icons ul{border-bottom:1px solid #ddd;width:100%;height:66px}
.top-nav-icons li{width:25%;float:left;position:relative}
.top-nav-icons a{display:block;text-align: center;padding: 40px 0 10px;line-height:16px;-webkit-tap-highlight-color:#bfe4f8}
.top-nav-icons a:before{content:"";display:block;position:absolute;top:3px;left:50%;margin-left:-20px;background:url(new_icons_v3.png?v=20140416) no-repeat 0 -64px;background-size:80px auto;width:40px;height:40px}
.top-nav-icons a.renmai:before{background-position-y:-64px}
.top-nav-icons a.gongzhong:before{background-position-y:-104px}
.top-nav-icons a.coming:before{background-position-y:-144px}
.top-nav-icons a.interest:before{background-position-y:-207px}
.top-nav-icons a.resume:before{background-position-y:-247px}
.top-nav-icons a.unlight:before{background-position-x:-40px}
.top-nav-icons li.current:before,.top-nav-icons li.current:after{content:"";display:block;position:absolute;left:50%;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border-style:dashed dashed solid dashed;}
.top-nav-icons li.current:before{border-width:0 11px 11px 11px;border-color:transparent transparent #ddd transparent;bottom:-1px;margin-left:-11px}
.top-nav-icons li.current:after{border-width:0 10px 10px 10px;border-color:transparent transparent #efefef transparent;bottom:-1px;margin-left:-10px}

.myconnection-nav{margin:.5em}
.myconnection-nav li{border:1px solid #ddd;background:#fff;margin:8px 0;position:relative}
.myconnection-nav li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.myconnection-nav li a{display:block;border-left:5px solid #08c;padding:1.5em 20px;}
.myconnection-nav li a.border-y{border-left-color:#f90}
.myconnection-nav li em{color:#999}
.myconnection-nav li span.remind-num{position:absolute;display:block;background:#f00;color:#fff;top:50%;right:2em;line-height:20px;height:20px;width:20px;text-align:center;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-top:-10px}

.letter-indexs{position:fixed;bottom:0;right:0;z-index:99999;width:30px;background:#ddd;margin:0;padding:0;background:#f0eff0 url(letter-index.png) no-repeat center 0; background-size:auto 100% }
.letter-indexs li a{display:block;text-decoration:none;overflow:hidden;}
#show-current-letter{display:none;position:fixed;top:50%;left:50%;width:80px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:40px;background:#000;border-radius: .3em;-moz-border-radius: .3em;-o-border-radius: .3em;-ms-border-radius: .3em;margin-top:-40px;margin-left:-40px;opacity:0.5;font-family:Arial;z-index:999999}

.ui-loader-default {background: none;filter: Alpha(Opacity=18);opacity: .18;width: 46px;height: 46px;margin-left: -23px;margin-top: -23px;}
.ui-loader {display: none;z-index: 9999999;position: fixed;top: 50%;left: 50%;border: 0;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;-moz-border-radius: .6em;-webkit-border-radius: .6em;border-radius: .6em;}
.ui-loader .ui-icon {display: block;width: 44px;height: 44px;padding: 1px;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;background:#000 url(http://s.headin.cn/ajax-loader.gif) no-repeat;background-size: 46px 46px;}

.search-box{margin:.5em;background:#fff;border:1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden}
.search-box .input-item{border-bottom:1px solid #ddd;overflow:hidden;height:50px;}
.search-box .input-item input,.search-box .input-item select{border:none;width:100%;height:50px;padding:0 5px}
.search-box .input-item select{height:20px;line-height:20px;width:120%;-webkit-appearance:none;outline:none}
.search-box .select-item{height:20px;padding:15px 0;position:relative}
.search-box .select-item::after{content:"";display:block;width:16px;height:10px;position:absolute;right:10px;top:50%;margin-top:-5px; background:url(new_icons_v3.png?v=20140416) no-repeat -60px -36px;background-size:120px auto}

.add-interest-box{margin:.8em;padding-bottom:.8em;border-bottom:1px dashed #ccc}
.add-interest-box .input-item{border:1px solid #ddd;height:40px;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;margin:.5em 0;position:relative;}
.add-interest-box .input-item .btn{position:absolute;right:0;width:80px;top:0;margin:0}
.add-interest-box .select-item{height:20px;padding:15px 0;position:relative}
.add-interest-box .select-item::after{content:"";display:block;width:16px;height:10px;position:absolute;right:10px;top:50%;margin-top:-5px; background:url(new_icons_v3.png?v=20140416) no-repeat -60px -36px;background-size:120px auto}
.add-interest-box select{border:none;width:120%;height:20px;padding:0 5px;-webkit-appearance:none;outline:none}
.add-interest-box input[type=text]{border:none;width:100%;height:40px;padding:0 5px}

.add-interest-box .hot-tabs h5{color:#08c}
.add-interest-box .hot-tabs{width:100%;overflow:hidden}
.add-interest-box .hot-tabs li{float:left;margin:5px 10px 5px 0}
.add-interest-box .hot-tabs li a{display:block;background:#bfe4f8;border:1px solid #82b6d0;padding:0 20px;line-height:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.interest-list{margin:.8em}
.interest-list ul{width:100%;overflow:hidden}
.interest-list li{display:inline-block;float:left;white-space:nowrap;position:relative;margin:.5em;padding:0 0 0 25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.interest-list li a{display:block;padding:0 25px 0 0;font-size:16px;color:#fff;line-height:40px;}
.interest-list a.del{position:absolute;top:0;left:0;width:25px;height:40px;padding:0}
.interest-list del{position:absolute;top:-3px;left:-3px;display:block;width:20px;height:20px;background:#f00;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color:#fff;text-decoration:none;font-size:14px;text-align:center;line-height:20px}
.interest-list li.bg_0{background:#ef8f81}
.interest-list li.bg_1{background:#a5c557}
.interest-list li.bg_2{background:#ebbb54;}
.interest-list li.bg_3{background:#82b6d0;}
.interest-list li.bg_4{background:#a5e0e4}

.sociallink-list{margin:.8em}
.sociallink-list ul{width:100%;overflow:hidden}
.sociallink-list li{border:1px solid #ddd;background:#fff;margin:8px 3px 8px 0;padding:0 45px; position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative}
.sociallink-list li a{display:block;padding:1.2em 0;}
.sociallink-list li:before{content:"";display:block;position:absolute;left:5px; top:50%;margin-top:-17px;height:34px;width:35px;background:url(social-icon.png?v=201407) no-repeat 0 0;background-size:35px auto}
.sociallink-list li.sociallink-type-0:before{background-position-y:0}
.sociallink-list li.sociallink-type-1:before{background-position-y:-34px}
.sociallink-list li.sociallink-type-2:before{background-position-y:-68px}
.sociallink-list li.sociallink-type-3:before{background-position-y:-102px}
.sociallink-list li.sociallink-type-4:before{background-position-y:-136px}
.sociallink-list li.sociallink-type-5:before{background-position-y:-170px}
.sociallink-list li.sociallink-type-10:before{background-position-y:-204px}
.sociallink-list li a.del{position:absolute;top:0;right:0;display:block;width:45px;height:54px;padding:0}
.sociallink-list li del{position:absolute;top:-3px;right:-3px;display:block;width:20px;height:20px;background:#f00;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color:#fff;text-decoration:none;font-size:14px;text-align:center;line-height:20px}
.myresume-nav{margin:.5em}
.myresume-nav li{border:1px solid #ddd;background:#fff;margin:8px 0;position:relative}
.myresume-nav li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.myresume-nav li a{display:block;border-left:5px solid #08c;padding:1.5em 20px;}
.myresume-nav li a.border-y{border-left-color:#f90}

.myresume-nav li.jurisdiction{background:#e8f7ff;margin:-8px 0 8px;padding:1em 20px;font-size:16px;line-height:31px;border-top:0 none}
.myresume-nav li.jurisdiction::after{display:none}
.myresume-nav li.jurisdiction a{float:right;border:0 none;width:50px;height:31px;background:url(close-on-btn.png) no-repeat;display:inline-block;border-left:0 none;padding:0;background-size:50px auto}
.myresume-nav li.jurisdiction a.off{background-position-y:-35px}

.verification-confirm-box{margin:.5em}
.verification-confirm-box h2{margin:1em 0 .5em}
.verification-confirm-form{margin-top:1em}
.verification-confirm-form .input-item{border:1px solid #ddd;height:40px;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;margin:.5em 0}
.verification-confirm-form textarea{border:none;width:100%;padding:5px;outline:none;-webkit-appearance:none;}

.bindcv-box{margin:1em;border:1px solid #ccc; border-top:2px solid #08c;background:#fff;}
.bindcv-box h3{border-bottom:1px solid #ccc;height:50px;line-height:50px;padding-left:10px;font-size:16px}
.bindcv-box .input-item{border-bottom:1px solid #ccc;width:100%;overflow:hidden}
.bindcv-box .input-item input{border:none;width:100%;height:50px;padding:0 5px}
.bindcv-link{margin:1em;border:1px solid #ccc;border-top:2px solid #08c;height:50px;background:#fff; line-height:50px;display:block;color:#333;padding-left:10px;font-size:16px;position:relative;}
.bindcv-link:after{content:"";display:block;width:16px;height:10px;position:absolute;right:10px;top:50%;margin-top:-5px; background:url(new_icons_v3.png?20140416) no-repeat -60px -36px;background-size:120px auto}
.bindcv-box input[type=submit]{border:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin:0;}

.view-resume-box{margin:.8em}
.view-resume-box h2{font-size:20px;font-weight:700;margin:2em 0 .2em}
.view-resume-box .collapsible{margin-bottom:20px}
.view-resume-box .collapsible h3{border: 1px solid #d3d2d2;background-color: #efefef;font-size:16px;font-weight:700;padding:.8em 20px;
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );}
.view-resume-box .collapsible .collapsible-content{border: 1px solid #d3d2d2;border-top: 0;background-color: #fff;padding:1em 20px}

.card-group .top-add-btn a,.card-group .top-add-btn a:hover,.card-group .top-add-btn a:visited{display:block;background:#f90; color:#fff;font-size:20px;font-family:"微软雅黑";padding:0 20px;font-weight:200;text-shadow:none;text-decoration:none;line-height:56px; height:56px;white-space:nowrap;overflow:hidden}
.card-group .top-add-btn a em{font-size:40px;font-style:normal;display:inline-block;height:56px;float:left}
.card-group .top-add-btn a span{font-size:14px}
.card-group .card-group-header{border-bottom:1px solid #b2b2b2;position:relative;padding:0 20px 20px;}
.card-group .card-group-header:before,.card-group .card-group-header:after{overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;display:block;position:absolute;border-style:dashed dashed solid dashed;content:"";}
.card-group .card-group-header:before{border-width:0 18px 14px 18px;border-color:transparent transparent #b2b2b2 transparent;bottom:-1px;left:30px}
.card-group .card-group-header:after{border-width:0 17px 13px 17px;border-color:transparent transparent #fff transparent;bottom:-1px;left:31px}
.card-group .card-group-header h2{line-height:40px;height:40px;white-space:nowrap;margin:0;padding:0;font-size:20px;font-family:微软雅黑;font-weight:200;overflow:hidden;text-overflow:ellipsis}
.card-group .card-group-header p{color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-group .card-group-header p.founder{font-size:12px;color:#666;}
.card-group .card-group-header p.founder em{background:#f90;border-radius:8px; line-height:16px;color:#fff; display:inline-block;text-align:center;padding:0 5px}
.card-group .card-group-header p.group-descp{white-space:pre-line}
.card-group .card-group-header .links{height:37px;padding:10px 0;overflow:hidden}
.card-group .card-group-header .links a.btn{margin:0;display:inline-block;float:left;width:120px;text-align:center;line-height:35px}
.card-group .card-group-header .links a.btn-b{float:right}
.card-group .card-group-header #list{display:block;position:absolute;right:12px;top:12px;font-size:20px;}
.card-group .card-group-list{list-style-type:none;margin:0;padding:0}
.card-group .card-group-list li.card-group-member-item{padding:.5em;margin:0;border-bottom:1px solid #dedede;background:#fff;min-height:50px;}
.card-group .card-group-list li.card-group-member-item h4 img{width:16px;}
.card-group .card-group-list li.card-group-member-item .photos{width:48px;height:48px;border:1px solid #b2b2b2;position:relative;background:#dfdfdf;float:left;margin-right:.5em;/*-moz-border-radius: .5em;-webkit-border-radius: .5em;border-radius: .5em;overflow:hidden*/}
.card-group .card-group-list li.card-group-member-item .photos span{display:inline-block;float:left;width:12px;height:12px;padding:2px;}
.card-group .card-group-list li.card-group-member-item .photos span img{width:12px;height:12px;vertical-align: top;}
.card-group .card-group-list li.card-group-member-item .photos .v-icon{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;display:block;background:url(v-icon.png) no-repeat 0 0;background-size:10px;overflow:hidden;text-indent:-99em}
.card-group .card-group-list li.card-group-member-item .photos .big-head-photo{width:48px;height:48px}
.card-group .card-group-list li.card-group-member-item a.view-card-info{text-decoration:none;font-weight:normal;position:relative;display:block}
.card-group .card-group-list li.card-group-member-item a.top-groups{padding-left:30px}
.card-group .card-group-list li.card-group-member-item a.top-groups span.rank,.card-group .card-group-list li.card-group-member-item a.top-groups span.top10{position:absolute;top:50%;color:#fff;display:block;left:0;}
.card-group .card-group-list li.card-group-member-item a.top-groups span.rank{background:#ccc;padding:0 3px;font-size:8px;line-height:12px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin-top:-6px;}
.card-group .card-group-list li.card-group-member-item a.top-groups span.top10{background:#f90;padding:0 5px;font-size:10px;line-height:16px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin-top:-8px;}
.card-group .card-group-list li.card-group-member-item a.view-card-info:after{position:absolute;width:12px;height:12px;background:url(new-icon.png) no-repeat 0 0; right:0;top:50%; margin-top:-6px;display:block;content:""; background-size:100px}
.card-group .card-group-list li.card-group-member-item h4{line-height:27px;font-size:16px;color:#333;margin:0;padding:0 2em 0 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.card-group .card-group-list li.card-group-member-item h4 em{font-style:normal}
.card-group .card-group-list li.card-group-member-item h4 span.worktitle{color:#999;margin:0 5px}
.card-group .card-group-list li.card-group-member-item p{line-height:23px;font-size:14px;color:#999;margin:0;padding:0 2em 0 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.card-group .card-group-list li.card-group-member-item .new-member-remind{position:absolute;top:35px;left:45px;background:#f00;color:#fff;display:block;padding:0 4px;border-radius:1em;font-size:12px}
.card-group .card-group-list .card-info ul{padding:0 0 0 60px;font-size:12px }
.card-group .card-group-list .card-info li{list-style:none;padding:5px 0;}
.card-group .card-group-list .card-info li.action{height:44px;overflow:hidden}
.card-group .card-group-list .card-info li em{font-style:normal;color:#999}
.card-group .card-group-list .ui-btn-inner{padding:.5em 20px;}
.card-group .card-group-list .card-info li.mobile,.card-group .card-group-list .card-info li.email,.card-group .card-group-list .card-info li.address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-group .card-group-form{}
.card-group .card-group-form .form-item{padding:1em;border-bottom:1px solid #dedede;background:#fff}
.card-group .card-group-form .form-item-label{display: inline-block;float: left;width: 3em;text-align: right;}
.card-group .card-group-form .ui-input-text{margin:0;padding:0;width:82%}
.card-group .card-group-form .ui-shadow-inset{margin-left: 3em;border: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:transparent}
.card-group .card-group-form .ui-btn{margin:0}
.card-group .ui-btn-up-b,.card-group .ui-btn-hover-b,.card-group .ui-btn-up-c,.card-group .ui-btn-hover-c,.card-group .card-group-form .ui-submit{margin:1em}
.card-group .card-group-list .ui-btn-up-b, .card-group .card-group-list .ui-btn-hover-b, .card-group .card-group-list .ui-btn-up-c, .card-group .card-group-list .ui-btn-hover-c{margin: 0;}
.card-group .card-group-list ul.tags{overflow:hidden;width:100%;}
.card-group .card-group-list ul.tags li{float:left;margin:5px 5px 5px 0;background:#bfe4f8;border:1px solid #82b6d0;padding:0 15px;width:auto;color:#08c;line-height:24px}

.myconnection-nav li:hover,.sociallink-list li:hover,.interest-list li:hover,.myresume-nav li:hover,.bindcv-link:hover{background:#bfe4f8}

.card-list div.jurisdiction{background:#e8f7ff;margin:0;padding:.5em 20px;font-size:16px;line-height:31px;border-top:0 none}
.card-list div.jurisdiction a{float:right;border:0 none;width:50px;height:31px;background:url(close-on-btn.png) no-repeat;display:inline-block;border-left:0 none;padding:0;background-size:50px auto}
.card-list div.jurisdiction a.off{background-position-y:-35px}

.verification-send{z-index:1000000;position:fixed;top:0;left:0;width:100%}
.verification-send .send-tip-content{background:#fff;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;margin:0 20px;padding:10px 0 40px}
.verification-send .send-tip-content img{width:100%}

.add-tag-tip{width: 100%; height: 100%;background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 999999;}
.add-tag-tip img{width:100%;}
.add-tag-tip .close {width: 48px;height: 48px;position: absolute;right: 0;top: 0;background: url(close.png) no-repeat 0 -2px;}

#card-counts{position:absolute; font-size:12px; padding-left:4%; z-index:999; width:96%; margin-top:20px; }
#card-counts img{width:22px; vertical-align:bottom; margin-right:5px;}
#card-counts em{font-style:normal; color:#ffa900; margin-right:5px; font-weight:bold;}
#card-counts .favbutton{display:block; color:#fff;top:-6px; right:0; position:absolute; border:1px solid #24658e; border-right-width:0; background-color:#0899e1; padding:5px 15px 5px 10px; -webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-background-clip: padding;background-clip: padding-box; font-size:12px; overflow:hidden;}
#card-counts .favbutton:hover{color:#fff;}
#card-counts .favbutton img{width:18px; vertical-align:bottom; margin-right:5px;}
#card-counts .favbutton2{display:block; color:#fff;top:-6px; right:0; position:absolute; border:1px solid #6497b1; border-right-width:0; background-color:#b8cad4; padding:5px 15px 5px 10px; -webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-background-clip: padding;background-clip: padding-box; font-size:12px; overflow:hidden;}
#card-counts .favbutton2:hover{color:#fff;}
#card-counts .favbutton2 img{width:18px; vertical-align:bottom; margin-right:5px;}
.card-countsmargin{padding-top:50px;}


.topfavbutton{display:block; color:#fff;top:12px; right:0; position:absolute; border:1px solid #24658e; border-right-width:0; background-color:#0899e1; padding:5px 15px 5px 10px; -webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-background-clip: padding;background-clip: padding-box; font-size:14px; z-index:999; overflow:hidden;}
.topfavbutton img{width:20px; vertical-align:bottom; margin-right:5px;}
.topfavbutton:hover{color:#fff;}
.topfavbutton2{display:block; color:#fff;top:12px; right:0; position:absolute; border:1px solid #6497b1; border-right-width:0; background-color:#b8cad4; padding:5px 15px 5px 10px; -webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-background-clip: padding;background-clip: padding-box; font-size:14px; z-index:999; overflow:hidden;}
.topfavbutton2 img{width:20px; vertical-align:bottom; margin-right:5px;}
.topfavbutton2:hover{color:#fff;}


/*2014-06-11*/
.add-interest-box-new{margin:.8em;padding-bottom:.8em;}
.add-interest-box-new .hot-tabs h5{color:#08c}
.add-interest-box-new .hot-tabs{width:100%;overflow:hidden}
.add-interest-box-new .hot-tabs li{float:left;margin:5px 10px 5px 0}
.add-interest-box-new .hot-tabs li a{display:block;background:#bfe4f8;border:1px solid #82b6d0;padding:0 20px;line-height:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.interest-tag-panel {border-top: 1px solid #82b6d0;background-color:#bfe4f8;padding:10px 0 30px;position: fixed;width: 100%;font-size: 18px;z-index: 999;left: 0;right: 0;bottom: -300px;zoom: 1;clear: both;z-index: 999999;}
.interest-tag-panel .item {margin:10px auto;}
.interest-tag-panel .item .button{display: block;margin:0 auto;padding:7px 0;text-align:center; width:90%;background: #fff;border: 1px solid #ccc;font-size:16px;line-height: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-clip: padding;background-clip: padding-box; }
.interest-tag-panel .item .delbutton{background: #ffa900;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-clip: padding;background-clip: padding-box;}
.count-tips2 {font-size:18px;background: #ffa800;padding: 0.7em 1em; color:#fff;}
.count-tips2 em{font-size:22px; font-style:normal;}
.count-tips2 span{font-size:14px;}
.count-tips3 {font-size:18px;background: #fff;padding: 10px 0 10px 10px; border-bottom:1px solid #ccc;}
.count-tips3 .top{float:left;}
.count-tips3 .top img{width:40px;}
.count-tips3 .txt{float:left; font-size:16px; padding-top:3px; color:#0088cc;}
.count-tips3 .txt strong{font-size:18px; color:#ffa800; margin:0 5px;}
.count-tips3 .what{float:left; margin-left:10px; padding-top:3px;}
.count-tips3 .what a{display:inline-block; margin:0; font-size:12px; padding:3px 6px; color:#0188cc;background-color:#bfe4f8; border: 1px solid #0188cc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-clip: padding;background-clip: padding-box;}
.count-tips3 .clear{clear:both;}

.card-list #QRCode-box2 h5{font-size:16px;font-weight:400;margin:15px 0 0;color:#666}
.card-list #QRCode-box2 .close{width:50px;height:50px;position:absolute;right:0;top:0;background:url(close.png) no-repeat}
.card-list #QRCode-box2{display:none;position:fixed;top:50%;left:50%;width:300px;text-align:center;margin-left:-150px;height:240px;z-index:1000000;background:#fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;box-shadow:0 0 5px rgba(0,0,0,0.5);margin-top:-140px; padding-top:30px; padding-bottom:20px;}
.card-list #QRCode-box2 .content { padding:0 12px; }
.card-list #QRCode-box2 .content .title{color:#0188cc; font-size:22px; margin-bottom:30px;}
.card-list #QRCode-box2 .content .content{color:#444; font-size:16px; text-align:left;}
.card-list #QRCode-box2 .content .content span{color:#ffa900;}

.triangle-topright-container{position:absolute; right:0;}
.triangle-topright-container .txt{font-size:14px;position:absolute; right:0; top:0; width:45px; text-align:right; padding-top:3px; padding-right:4px; color:#fff;}
.triangle-topright { width: 0; height: 0; position:absolute; right:0; top:0;}
.triangle-topright-red { border-top: 45px solid #ef8f81; border-left: 45px solid transparent; }
.triangle-topright-yellow { border-top: 45px solid #ebbb54; border-left: 45px solid transparent; }
.triangle-topright-green { border-top: 45px solid #a5c557; border-left: 45px solid transparent; }
.triangle-topright-grey { border-top: 45px solid #ddd; border-left: 45px solid transparent; }

.card-body .counts a{font-size:14px;font-weight:700; color:#ffa900;}


/*2014-06-12*/
.card-body .stats{background-color:#0899e1; border-bottom:1px solid #1f6d9c; width:100%; color:#fff; font-size:12px; text-align:center;}
.card-body .stats .clear{clear:both;}
.card-body .stats .rank{float:left;display:block;width:33%;padding:3px 0; color:#fff;border-top:1px solid #1f6d9c;}
.card-body .stats .rank span{font-size:18px; display:block;}
.card-body .stats .fav{ padding:3px 0; margin:0 33%; display:block; color:#fff;border-top:1px solid #1f6d9c; border-left:1px solid #1f6d9c; border-right:1px solid #1f6d9c; position:relative; }
.card-body .stats .fav span{font-size:18px; display:block;}
.card-body .stats .hits{float:right;width:33%;color:#fff; padding:3px 0; position:relative;border-top:1px solid #1f6d9c;}
.card-body .stats .hits span{font-size:18px; display:block;}

.update-cv-tip{padding:10px 20px 20px;font-size:16px;text-align:left;line-height:1.5em}
.update-cv-tip span{color:#f90;font-size:18px;font-weight:700}


/*2014-06-17*/
.count-tips4 {font-size:18px;background: #fff;padding: 0.7em 0 0.2em 0.7em; color:#ffa800;}
.count-tips4 .top{float:left;}
.count-tips4 .top img{width:36px;}
.count-tips4 .txt{float:left; font-size:16px; margin-left:10px; padding-top:3px;color:#0188cc;}
.count-tips4 .txt .rank{margin-top:5px;}
.count-tips4 .txt .rank em{font-size:16px;color:#ffa800;}
.count-tips4 .what{float:right; margin-right:10px; padding-top:5px;}
.count-tips4 .what a{display:inline-block; margin:0; font-size:14px; padding:3px 6px; color:#0188cc;background-color:#bfe4f8; border: 1px solid #0188cc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-clip: padding;background-clip: padding-box;}
.count-tips4 .clear{clear:both;}
.seperateline{background-color:#f2f2f2;padding:10px; border-top:1px solid #ddd; }
.seperateline .promote{font-size:14px;color:#0188cc;margin-left:3px;}
.seperateline .promote em{font-size:16px;color:#ffa800;}
.rank-list li { border-bottom: 2px solid #f2f2f2; }
.rank-list li.self{background-color:#fff0d4;}
.rank-list li .rank-container{position:absolute; right:10px; top:0;width: 60px; color:#fff; text-align:center; padding:3px;}
.rank-list li .myself{background-color:#ef8f7f; border: 1px solid #fff0d4;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-background-clip: padding;background-clip: padding-box;}
.rank-list li .other{background-color:#ddd;border: 1px solid #ddd;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-background-clip: padding;background-clip: padding-box;}

.rank-panel {background-color:#ffa800;padding:18px 0;position: fixed;width: 100%;font-size: 18px;z-index: 999999;left: 0;right: 0;bottom:0;clear: both; display:block; text-align:center; color:#fff;}
.rank-panel:hover{color:#fff;}

.top-tip2 {display:block; padding:8px 10px; margin:0; color:#444; }
.top-tip2 img{border:0; margin:0; padding:0;display:inline-block; width:40px; vertical-align:text-top;}
.top-tip2 span.txt{font-size:14px; display:inline-block; vertical-align:text-top;}
.top-tip2 span.txt em{font-size:12px; font-style:normal;}
.top-tip2 span.txt em i{color:#ffa800; font-style:normal;}
.top-tip2 span.button{ vertical-align:text-top;font-size:18px; display:block; float:right; padding:8px 16px; background-color:#ffa800; color:#fff;border-radius: 8px;-webkit-background-clip: padding;background-clip: padding-box;}

.top-tip3 {display:block; padding:0; margin:0; color:#444; }
.top-tip3 img{border:0; margin:0; padding:0;display:inline-block; width:100%; vertical-align:text-top;}

.fav-index-box a.list-item{height:40px;white-space:nowrap}

/* 2014-06-24 */
.fav-index-content .weixin { background-color:#e8f7ff; padding:10px 15px; }
.fav-index-content .weixin img{ width:20px; vertical-align:top; }
.fav-index-content .weixin span{ font-size:16px; }
.fav-index-content .weixin span em{ font-style:normal; color:#f60; }
.fav-index-content .weixin a{ font-size:14px; border: 1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; padding:2px 5px; background-color:#fff; color:#999; display:block; float:right; margin-right:20px;}
#connectionnav:after{border-color:transparent transparent #e8f7ff transparent;}
#Connection-container .weixin { background-color:#e8f7ff; padding:10px 15px; }
#Connection-container .weixin img{ width:28px; vertical-align:middle; }
#Connection-container .weixin span{ font-size:16px; }
#Connection-container .weixin span em{ font-style:normal; color:#f60; }
#Connection-container .weixin a{ font-size:14px; border: 1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; padding:2px 5px; background-color:#fff; color:#999; display:block; float:right;}

/* 2014-06-25 */
#Create .header{text-align:center; padding:20px 0 0;}
#Create .header img{width:48px;border: 1px solid #e97d24;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; background-color:#fff; color:#999;}
#Create .header .txt1{font-size:16px; color:#666;}
#Create .header .txt1 span{font-size:22px; color:#f60;}
#Create .header .txt2{color:#999;font-size:14px;}
#Create .content .formarea{padding:10px 5%;}
#Create .content .formarea input{padding:10px; width:90%; border:1px solid #c0d3dc; color:#a6a6a6; font-size:14px; margin:5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#Create .content .formarea select{line-height:20px;padding:1% 10px;width:98%; color:#a6a6a6; font-size:14px;-webkit-appearance:none;outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#Create .create-submit {background-color:#079ae0;font-size:16px;padding:12px 0; color:#fff;width: 100%;font-size: 18px;z-index: 999999;left: 0;right: 0;bottom:0;clear: both; display:block; text-align:center; color:#fff; border:0; -moz-appearance:button; -webkit-appearance:button; border-radius:0;}
#CreateComplete .header{padding:5% 5% 0; color:#666; font-size:14px;}
#CreateComplete .content .formarea{padding:10px 5%;}
#CreateComplete .content .formarea input{padding:10px; width:90%; border:1px solid #c0d3dc; color:#a6a6a6; font-size:14px; margin:5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#CreateComplete .content .formarea textarea{padding:10px; width:90%; border:1px solid #c0d3dc; color:#a6a6a6; font-size:14px; margin:5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#CreateComplete .content .formarea select{height:20px;line-height:20px;width:110%;-webkit-appearance:none;outline:none; border:0;}
#CreateComplete .content .formarea .select-item{padding:10px; width:90%; margin:10px 0;position:relative;border: 1px solid #c0d3dc;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; background-color:#fff;}
#CreateComplete .content .formarea .select-item::after{content:"";display:block;width:16px;height:10px;position:absolute;right:10px;top:50%;margin-top:-5px; background:url(new_icons_v3.png?v=20140416) no-repeat -60px -36px;background-size:120px auto}
#CreateComplete .content .formarea .create-submit {background-color:#079ae0;padding:10px; width:98%; border:1px solid #c0d3dc; color:#fff; font-size:14px; margin:5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; -moz-appearance:button; -webkit-appearance:button;border-radius:0;}
#CreateComplete .content .formarea .create-skip {display:block; background-color:#fff;padding:10px; width:90%; border:1px solid #c0d3dc; color:#a6a6a6; font-size:14px; margin:5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; text-align:center;}
#CreateComplete .content .formarea .jurisdiction{background-color:#fff; border:1px solid #c0d3dc;color:#a6a6a6;margin:0 0 5px;padding:2% 5%;width:87%; font-size:16px;line-height:31px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#CreateComplete .content .formarea .jurisdiction a{float:right;border:0 none;width:50px;height:31px;background:url(close-on-btn.png) no-repeat;display:inline-block;border-left:0 none;padding:0;background-size:50px auto}
#CreateComplete .content .formarea .jurisdiction a.off{background-position-y:-35px}
#Create .content .formarea .check{color:#666;}
#Create .content .formarea .check img{width:20px; vertical-align:middle; margin-right:10px;}
#operate-ok{position:fixed;top:50%;left:50%;width:128px;height:128px;margin-left:-64px;margin-top:-64px;background:url(http://s.headin.cn/mobile_ok.png?v=1) no-repeat;z-index:1000000;display:none;}

.addition-content .talentsubscribebox span{margin-right:10px}
.addition-content .talentsubscribebox .btn{line-height:30px;margin:5px 10px 5px 0;display:inline-block;float:left;padding:0 10px}
.c{clear:both;float:none}

/* 2014-06-26 */
.verification-level{padding:10px 0 10px 4%; background-color:#fff; font-size:14px; color:#666; border-top:1px solid #b8b8b8; border-bottom:2px solid #b8b8b8;}
.verification-level .left{width:55%; float:left; border-right:1px solid #b8b8b8; font-size:18px; vertical-align:middle;}
.verification-level .left .txt{float:left; line-height:50px;}
.verification-level .left .txt span {color: #f60;}
.verification-level .right{float:left; padding-left:5%;}
.verification-level .right .count{color:#666;}
.verification-level .right .count span{color:#f60; font-size:16px;}
.verification-level .right .level{color:#666;}
.verification-level .right .level span{color:#f60; font-size:16px;}
.verification-descp{ background-color:#fff;border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:10px; padding:0 4% 4%;}
.verification-descp .txt{color:#079ae0; font-size:14px; margin-top:4%;}
.verification-descp .txt span em{display:block;height:20px; float:left; width:4px; background-color:#079ae0; margin-right:7px;}
.verification-descp .txt .p{color:#666; font-size:14px; margin-top:10px; margin-left:12px;}
.verification-intro{background-color:#fff;border-top:1px solid #b8b8b8; margin-top:10px;}
.verification-intro .vcontainer{background-color:#fff;border-bottom:1px solid #b8b8b8;}
.verification-intro .vcontainer .v .logo{float:left;padding:5%; padding-right:1%; width:23%;border-right:1px solid #b8b8b8;}
.verification-intro .vcontainer .v .logo img{width:50px; vertical-align:middle;}
.verification-intro .vcontainer .v .logo .nums{margin-top:3px;}
.verification-intro .vcontainer .v .logo .nums span{color:#079ae0; font-size:16px; font-weight:bold;}
.verification-intro .vcontainer .v .descp{float:left; color:#a3a3a3; padding-top:8px; padding-left:10px; width:65%;}
.verification-intro .vcontainer .v .descp .p{color:#666;margin-bottom:8px; padding-left:9px;}
.verification-intro .vcontainer .v .descp .p em{border-left:4px solid #0088cc; margin-left:-9px; margin-right:5px;}
.verification-intro .vcontainer .v .descp .p span{color:#0088cc;}
.verification-panel {background-color:#ffa800;padding:12px 0; margin:10px auto 0; width: 94%;font-size: 18px;display:block; text-align:center; color:#fff; border:1px solid #ffa800; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box; -webkit-appearance:none;}
.verification-panel:hover{color:#fff;}
.clear{clear:both;}

.card-body .avatar i.v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.card-body .avatar i.v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.card-body .avatar i.v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.card-body .avatar i.v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.card-body .avatar i.v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.card-body .avatar i.v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}

.top-card-info .avatar i.v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.top-card-info .avatar i.v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.top-card-info .avatar i.v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.top-card-info .avatar i.v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.top-card-info .avatar i.v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.top-card-info .avatar i.v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}

.card-list .pic .v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.card-list .pic .v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.card-list .pic .v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.card-list .pic .v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.card-list .pic .v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.card-list .pic .v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}

.card-group .card-group-list li.card-group-member-item .photos .v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.card-group .card-group-list li.card-group-member-item .photos .v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.card-group .card-group-list li.card-group-member-item .photos .v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.card-group .card-group-list li.card-group-member-item .photos .v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.card-group .card-group-list li.card-group-member-item .photos .v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.card-group .card-group-list li.card-group-member-item .photos .v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}

/* 2014-06-27 */
.Verified-box{background:#fff;border-top:2px solid #f90;padding:3em 1em 1em;}
.Verified-box h3{height:32px;line-height:32px;font-size:14px;background:url(info.png) no-repeat 0 0;background-size:32px 32px;padding-left:40px; color:#333;margin-bottom:20px;}
.OpResult-box a,.Verified-box a {margin: 0.5em 0;}
.verified-info {padding:1em; color:#666; font-size:14px;}
.verified-info span{color:#f60;}
.verified-list { position:relative;}
.verified-list:before,.verified-list:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border-style:dashed dashed solid dashed;}
.verified-list:before{border-width:0 11px 11px 11px;border-color:transparent transparent #fff transparent;top:-10px;margin-left:15px;}
.verified-list:after{border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent;top:-10px;margin-left:15px;}
.verified-list .swap-list li {background-color:#fff;}
.verified-list .swap-list .panel-content li {background-color:#e0e0e0;}


/* 2014-06-30 */
.visitor-box{padding:1em 1em;background:#fff; font-size:16px; border-bottom:1px solid #efefef;}
.visitor-box span{color:#ffa800; font-size:20px;}
.visitor-info {padding:1em; color:#666; font-size:14px; background-color:#efefef;}
.visitor-info span{color:#ffa800; font-weight:700;}
.visitor-list { position:relative;}

/* 2014-07-01 */
#verifiedlist {background-color:#fff;padding:12px 0; margin:10px auto 10px; width: 94%;font-size: 18px;display:block; text-align:center; color:#666; border:1px solid #aaa; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}
#verifiedlist:hover{color:#666;}
.top-back-orange-btn{background:#ffa800 url(back.png) no-repeat 0 12px;background-size:24px }
.top-back-orange-btn a,.top-back-orange-btn a:hover,.top-back-orange-btn a:visited{display:block;color:#fff;font-size:16px;font-weight:200;text-shadow:none;text-decoration:none;line-height:50px; height:50px;white-space:nowrap;overflow:hidden;text-align:center;}
.verified-info2 {padding:1em; color:#666; font-size:16px;}
.verified-info2 span{color:#ffa800;}

/* 2014-07-02 */
.card-body .stats .hits em{ top:5px; right:22%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }
.card-body .stats .fav em{ top:5px; right:22%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }


/* 2014-07-08 */
.top-tips{background-color:#0899e1; color:#fff; font-size:16px; padding:15px;}
.relations { margin-top:10px; padding:1px 0; }
.relations .txt{ font-size:14px; }
.relations .txt span.error{ color:#444; border:1px solid #f00; background-color:#f3a2a2; padding:0 5px; display:none; }
.relations .relationlist li { float:left;position:relative; font-size:12px; border:1px solid #0899e1; background-color:#bfe4f8; color:#444; text-align:center; margin:5px 0 5px; padding:8px 15px;margin-right:10px;overflow:hidden;border-radius:4px;-webkit-background-clip: padding;background-clip: padding-box; }
.relations .relationlist li:hover{cursor:pointer;}
.relations .relationlist li.end{margin-right:0;}
.relations .relationlist li.selected { background-color:#ffeedd;border:1px solid #ffa800; }
.relations .relationlist li.selected:after{position:absolute;bottom:0;right:0;content:"";display:block;width:15px;height:15px;background:url(checked.png) no-repeat 0 0;background-size:15px}
.relations .relationlist li.clear{clear:both; display:none;}
.relations .relationlist{border:1px solid #fff; margin-top:5px; padding:2px;}
.relations .relationlist.error{border:1px solid #f00;}
.confirm-panel {background-color:#ffa800;padding:14px 0;width: 94%; margin:0 3%;font-size: 18px;clear: both; display:block; text-align:center; color:#fff;border: 1px solid #ffa800;border-radius:.2em;-webkit-background-clip: padding;background-clip: padding-box;}
.confirm-panel:hover{color:#fff;}

/* 2014-07-10 */
#subscription-box{position:fixed;top:50%;left:50%;width:280px;text-align:center;margin-left:-140px;height:160px;margin-top:-130px;z-index:1000000;background:#fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;box-shadow:0 0 5px rgba(0,0,0,0.5);padding-top:50px; display:none;}
#subscription-box h5{font-size:16px;font-weight:400;margin:15px 0 0;color:#666}
#subscription-box .close{width:45px;height:45px;position:absolute;right:-10px;top:-10px;background:url(home_close.png) no-repeat; background-size:45px;}
#subscription-box .content .title{color:#0899e1; font-size:16px; margin-bottom:10px;}
#subscription-box .content .txt{color:#aaa; font-size:12px; text-align:center; margin-bottom:10px;}
#subscription-box .content a{display:block;text-align:center;line-height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #ddd;font-size:16px;background:#0899e1;color:#fff;border-color:#0899e1; margin:0 12px;-webkit-background-clip: padding;background-clip: padding-box;}
#subscription-box .content a:hover{color:#fff;}
.shadowsubscription_bg{width: 100%; height: 100%; display:none;background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; z-index: 999999; text-align: right;}
.squareerror{color:#f00;font-size:16px;margin: .5em;}
.copyright a{color:#0899e1;}

/* 2014-07-11 */
.utilsbody {background-color:#fff; height:100%;}
.utilsbody .title{color:#444; text-align:center; font-size:18px; margin:20px 0;}
.utilsdetailbody {background-color:#e8f7ff; height:100%;padding:0 12px;}
.utilsdetailbody .txt {color:#444; font-size:16px;margin:8px 0;}
.utilsdetailbody .button { padding:0 10px;display:block;width:100%;text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.utilsdetailbody .smallbutton { padding:0 10px;display:inline-block;text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.utilsdetailbody .button-orange {background-color:#ffa800; border-color:#ffa800;}
.utilsdetailbody .button-vertical-middel {vertical-align:middle;}
.utilsdetailbody form input.txt { padding:8px; width:93%;}
.utilsdetailbody form input.validcode{ width:56%; margin-right:3%;}
.utilsdetailbody form input.msgvalidcode{ width:44%; margin-right:3%;}
.utilsdetailbody form .input img { vertical-align:middle; height:39px; }
.utilsdetailbody .tip{margin:5px 0 10px; font-size:14px; display:none;}
.field-validation-error {color:#f00;}

/* 2014-07-15 */
.card-list .panel-content .top{background-color:#fff;border: 1px solid #ccc; color:#666; text-align:center;font-size:14px;}
.card-list .panel-content .topborder{border-top-width:0;}
.card-list .panel-content .top .clear{clear:both;}
.card-list .panel-content .top .rank{float:left;display:block;width:33%;border-right:1px solid #ccc; padding:6px 0;}
.card-list .panel-content .top .rank span{display:block; margin-top:2px; font-weight:bold;}
.card-list .panel-content .top .fav{ padding:6px 0; margin:0 33%; display:block; }
.card-list .panel-content .top .fav span{ display:block; margin-top:2px; font-weight:bold;}
.card-list .panel-content .top .hits{float:right;width:33%;border-left:1px solid #ccc; padding:6px 0;}
.card-list .panel-content .top .hits span{ display:block; margin-top:2px; font-weight:bold; }

.card-list .panel-content .bottom ul { background-color:#e0e0e0; }
.card-list .panel-content .bottom ul.exchange li { border-bottom:0; }
.btn-newb{background:#069ae0;color:#fff;border-color:#069ae0; margin:0.5em 0;-webkit-background-clip: padding;background-clip: padding-box;}

.card-body .avatarv1 {border: 4px solid rgba(210,163,103,.8);}
.card-body .avatarv2 {border: 4px solid rgba(252,176,3,.8);}
.card-body .avatarv3 {border: 4px solid rgba(246,112,5,.8);}
.card-body .avatarv4 {border: 4px solid rgba(203,32,13,.8);}
.card-body .avatarv5 {border: 4px solid rgba(191,37,238,.8);}
.card-body .avatarv6 {border: 4px solid rgba(0,197,255,.8);}

.card-list .pic img.vb {border:2px solid #eee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb0 {border:2px solid #eee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb1 {border:2px solid #d2a367; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb2 {border:2px solid #fcb003; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb3 {border:2px solid #f67005; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb4 {border:2px solid #cb200d; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb5 {border:2px solid #bf25ee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-list .pic img.vb6 {border:2px solid #00c5ff; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}

.top-card-info .avatarvb1 {border:2px solid #d2a367; }
.top-card-info .avatarvb2 {border:2px solid #fcb003; }
.top-card-info .avatarvb3 {border:2px solid #f67005; }
.top-card-info .avatarvb4 {border:2px solid #cb200d; }
.top-card-info .avatarvb5 {border:2px solid #bf25ee; }
.top-card-info .avatarvb6 {border:2px solid #00c5ff; }

.card-group .card-group-list li.card-group-member-item .photos img.vb {border:2px solid #eee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb0 {border:2px solid #eee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb1 {border:2px solid #d2a367; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb2 {border:2px solid #fcb003; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb3 {border:2px solid #f67005; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb4 {border:2px solid #cb200d; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb5 {border:2px solid #bf25ee; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .card-group-list li.card-group-member-item .photos img.vb6 {border:2px solid #00c5ff; border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}

.show-nav-btn-v1 {background-color:#d2a367;}
.show-nav-btn-v2 {background-color:#fcb003;}
.show-nav-btn-v3 {background-color:#f67005;}
.show-nav-btn-v4 {background-color:#cb200d;}
.show-nav-btn-v5 {background-color:#bf25ee;}
.show-nav-btn-v6 {background-color:#00c5ff;}

.top100-list a.list-item{padding-left:85px;}
.top100-list .pic-box{left:35px}
.top100-list .pic img { border-width:2px; border-radius:4px; -webkit-background-clip: padding;background-clip: padding-box; }
.top100-list .cardrank{position:absolute; left:5px; top:15px;width:20px;height:20px;overflow:hidden;text-align:center;padding:2px; color:#a0a0a0;}
.top100-list .cardrank1{background:url(top1.png) no-repeat; background-size:33px; color:#fff; top:24px; left:0;width:30px;height:30px;}
.top100-list .cardrank2{background:url(top2.png) no-repeat; background-size:33px; color:#fff; top:24px; left:0;width:30px;height:30px;}
.top100-list .cardrank3{background:url(top3.png) no-repeat; background-size:33px; color:#fff; top:24px; left:0;width:30px;height:30px;}
.top100-list .cardrank10{border-radius:35px;-moz-border-radius: 35px;-o-border-radius: 35px;-ms-border-radius: 35px;background-color:#a0a0a0; color:#fff;}
.top100-list .rankbg1{background-color:#fff6e5; padding:10px 0 0;}
.top100-list .rankbg1 a.list-item{padding: 0 0 15px 100px;}
.top100-list .rankbg1 .pic-box{top:10px;}
.top100-list .rankbg1 .pic img {height: 50px;width: 50px;}
.top100-list .rankbg1 .pic .v-icon{right: -8px;bottom: -15px;}
.top100-list .rankbg2{background-color:#e5f6ff; padding:10px 0 0;}
.top100-list .rankbg2 .pic-box{top:13px;}
.top100-list .rankbg3{background-color:#fff; padding:10px 0 0;}
.top100-list .rankbg3 .pic-box{top:13px;}

.top100-list .ranklabels{padding-left:35px; margin:12px 0 15px;}
.top100-list .ranklabels .label{color:#fff; padding:5px 8px; margin-right:3px; font-size:13px; border-radius:4px; -webkit-background-clip: padding;background-clip: padding-box; }
.top100-list .ranklabels .label strong{margin-left:5px;}
.top100-list .ranklabels .label1{background-color:#ffa800; }
.top100-list .ranklabels .label2{background-color:#0899e1; }
.top100-list .ranklabels .label3{background-color:#a0a0a0; }

.verification-level .avatar{width:50px;height:50px;float:left; border:2px solid rgba(240,240,240,.5);margin-right:5px;position:relative;}
.verification-level .avatar img{width:50px;height:50px;overflow:hidden}
.verification-level .avatar i{display:block;position:absolute;width:20px;height:20px;bottom:-5px;right:-5px;background:url(v-icon.png) no-repeat 0 0;background-size:20px;overflow:hidden;text-indent:-99em}
.verification-level .avatarv1 {border: 2px solid rgba(210,163,103,.8);}
.verification-level .avatarv2 {border: 2px solid rgba(252,176,3,.8);}
.verification-level .avatarv3 {border: 2px solid rgba(246,112,5,.8);}
.verification-level .avatarv4 {border: 2px solid rgba(203,32,13,.8);}
.verification-level .avatarv5 {border: 2px solid rgba(191,37,238,.8);}
.verification-level .avatarv6 {border: 2px solid rgba(0,197,255,.8);}
.verification-level .avatar i.v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.verification-level .avatar i.v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.verification-level .avatar i.v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.verification-level .avatar i.v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.verification-level .avatar i.v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.verification-level .avatar i.v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}

.updateavatar{width:86%; margin:20px auto 0; line-height:2em; position:relative; background-color:#fff6e5; color:#666; font-size:16px; padding:5% 3% 5% 5%; border:2px solid #ffa800; border-radius:4px; -webkit-background-clip: padding;background-clip: padding-box;}
.updateavatar .arrow-up { position:absolute;top:-13%; left:49%;width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ffa800;font-size:0px;line-height:0px;}
.updateavatar .btn{padding:0 6px;margin:0; overflow:inherit; display:inline-block;text-align:center;line-height:1.8em;border-radius:.2em;border:1px solid #ffa800;font-size:16px;background:#ffa800;color:#fff;-webkit-background-clip: padding;background-clip: padding-box;}

.myrank-list h4 span {right: 85px;}


/* 2014-07-19 */
.verify-ok {background-color:#fff;}
.verify-ok .avatar {width:50px; height:50px; float:left;position:relative;border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.verify-ok .avatarv1 {border: 2px solid rgba(210,163,103,.8);}
.verify-ok .avatarv2 {border: 2px solid rgba(252,176,3,.8);}
.verify-ok .avatarv3 {border: 2px solid rgba(246,112,5,.8);}
.verify-ok .avatarv4 {border: 2px solid rgba(203,32,13,.8);}
.verify-ok .avatarv5 {border: 2px solid rgba(191,37,238,.8);}
.verify-ok .avatarv6 {border: 2px solid rgba(0,197,255,.8);}
.verify-ok .avatar img{ width:50px; }
.verify-ok .v-icon{position:absolute;right:-8px;bottom:-6px;width:20px;height:20px;display:block;background-size:10px;overflow:hidden;text-indent:-99em;}
.verify-ok .v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.verify-ok .v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.verify-ok .v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.verify-ok .v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.verify-ok .v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.verify-ok .v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}
.verify-ok .tips{float:left;position:relative; line-height:20px; font-size:13px;text-shadow:none; padding:7px; margin-left:23px;border:1px solid #ccc; background-color:#eee; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box;}
.verify-ok .tips img{vertical-align:bottom;}
.verify-ok .tips:before,.verify-ok .tips:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;}
.verify-ok .tips:before{border-width:11px;border-right-color:#ccc;top:19px;left:-22px;}
.verify-ok .tips:after{border-width:10px;border-right-color:#eee;top:20px;left:-20px;}


/* 2014-07-23 */
.cjdbanner{display:block; margin:0; padding:0;width:100%; text-decoration:none; }
.cjdbanner img{width:100%;border:0;margin:0;padding:0; display:block;}


/* 2014-07-24 */
.vbuttons{background-color:#fff;}
.cjd { display:block; }
.cjd img{ display:block; width:100%; margin:0; padding:0; }

/* 2014-07-25 */
.card-list p span.vrelation{margin-right:5px}

/* 2014-07-28 */
.hidden{display:none;}


/* 2014-07-29 */
.function-nav{margin:.5em 0;}
.function-nav li{background:#fff;margin:8px 0;position:relative; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.function-nav li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.function-nav li.add:after{content:"";display:none;}
.function-nav li a{display:block;border-left:5px solid #08c;color:#999;padding:4%; width:92%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.function-nav li a.w82 {width:82%;text-overflow:clip;}
.function-nav li a.border-y{border-left-color:#f90}
.function-nav li.multi{white-space:normal;}
.function-nav li.multi a{white-space:normal;}
.function-nav li em{color:#444;width:66px;display:inline-block; line-height:30px;}
.function-nav li span.remind-num{position:absolute;display:block;background:#f60;color:#fff;top:36%;left:62px;line-height:17px;height:16px;width:16px;font-size:12px;text-align:center;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-top:-10px}
.function-nav li span.interest{background:#bfe4f8;color:#08c;border:1px solid #82b6d0;padding:0 8px;line-height:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:inline;}
.myaddition-content{padding: 6px;margin: 10px auto 0;width: 94%; border:1px solid #999; display:block; height:100px;}
.function-nav li span.social{height:36px;width:36px;vertical-align:middle;background:url(icon2.png?v=201407) no-repeat 0 0;background-size:50px auto; display:inline-block;}
.function-nav li span.sociallink-type-0{background-position-y:0}
.function-nav li span.sociallink-type-1{background-position-y:-300px}
.function-nav li span.sociallink-type-2{background-position-y:-200px}
.function-nav li span.sociallink-type-3{background-position-y:-400px}
.function-nav li span.sociallink-type-4{background-position-y:-100px}
.function-nav li span.sociallink-type-5{background-position-y:-500px}
.function-nav li span.sociallink-type-10{background-position-y:-600px}
.function-nav li span.addbutton {background:#fff;border:1px solid #ccc;padding:3px 18px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;vertical-align:middle; margin:0; float:right; margin-right:10px;}

.page-nav{margin:.5em 0;}
.page-nav li{background:#fff;margin:8px 0;position:relative;}
.page-nav li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.page-nav li.add:after{content:"";display:none;}
.page-nav li a{display:block;border-left:5px solid #08c;color:#999;padding:12px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.page-nav li a.border-y{border-left-color:#f90}
.page-nav li em{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:30px auto;}
.page-nav li em.updatecard{background-position:0 -529px;width:30px;height:30px; display:inline-block;}
.page-nav li em.updatepwd{background-position:0 -617px;width:30px;height:30px; display:inline-block;}
.page-nav li em.updateresume{background-position:0 -705px;width:30px;height:30px; display:inline-block;}
.page-nav li em.scores{background-position:0 -1676px;width:30px;height:30px; display:inline-block;}
.page-nav li em.r-favapply{background-position:0 -1234px;width:30px;height:30px; display:inline-block;}
.page-nav li em.r-group{background-position:0 -1502px;width:30px;height:30px; display:inline-block;}
.page-nav li em.privacy{background-position:0 -1852px;width:30px;height:30px; display:inline-block;}
.page-nav li span.remind-num{position:absolute;display:block;background:#f00;color:#fff;top:50%;right:2em;line-height:20px;height:20px;width:20px;text-align:center;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-top:-10px}
.page-nav li i{ top:23px; right:11%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }

.page-navgroup{margin:1em 0;}
.page-navgroup li{background:#fff;margin:1px 0;position:relative;}
.page-navgroup li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.page-navgroup li.add:after{content:"";display:none;}
.page-navgroup li a{display:block;border-left:5px solid #08c;color:#999;padding:12px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.page-navgroup li a.border-y{border-left-color:#f90}
.page-navgroup li em{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:30px auto;}
.page-navgroup li em.updatecard{background-position:0 0;width:32px;height:32px; display:inline-block;}
.page-navgroup li em.discover-relation{background-position:0 -880px;width:30px;height:30px; display:inline-block;}
.page-navgroup li em.discover-title{background-position:0 -970px;width:30px;height:30px; display:inline-block;}
.page-navgroup li em.sub-talent{background-position:0 -1057px;width:30px;height:30px; display:inline-block;}
.page-navgroup li em.sub-title{background-position:0 -1146px;width:30px;height:30px; display:inline-block;}
.page-navgroup li em.sub-jingzhunzhaopin{background-position:0 -1587px;width:30px;height:30px; display:inline-block;}
.page-navgroup li i{ top:20px; right:11%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }

.page-relation-nav{margin:.5em 0;}
.page-relation-nav li{background:#fff;margin:0;position:relative;}
.page-relation-nav li:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.page-relation-nav li a{display:block; border-bottom:1px solid #ccc;border-left:5px solid #08c;color:#999;padding:12px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.page-relation-nav li a.border-y{border-left-color:#f90}
.page-relation-nav li em{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:30px auto;}
.page-relation-nav li em.r-favapply{background-position:0 -1234px;width:30px;height:30px; display:inline-block;}
.page-relation-nav li span.remind-num{position:absolute;display:block;background:#f00;color:#fff;top:50%;right:2em;line-height:20px;height:20px;width:20px;text-align:center;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-top:-10px}
.page-relation-nav li em.r-discover{background-position:0 -880px;width:30px;height:30px; display:inline-block;}
.page-relation-nav li em.r-group{background-position:0 -1502px;width:30px;height:30px; display:inline-block;}
.page-relation-nav li em.r-collection{background-position:0 -1324px;width:30px;height:30px; display:inline-block;}
.page-relation-nav li em.r-collected{background-position:0 -1414px;width:30px;height:30px; display:inline-block;}

.homemenus{background-color:#fff; border-top:1px solid #ccc; height:56px; position:fixed; width:100%; font-size:18px; z-index:999; left:0; right:0; bottom:0; zoom:1; clear:both;}
.homemenus .items{ height:56px; line-height:90px;}
.homemenus .items:before{border-radius:60%; content:"."; z-index:-1; display:block;top:-28px; left:38%; position:absolute;width:28%; background-color:#fff; border:1px solid #999; -webkit-background-clip: padding;background-clip: padding-box;}
.homemenus .items:after{position:absolute;width:32%;left:38%; content:"."; z-index:-1; display:block; color:#fff; background-color:#fff; -webkit-background-clip: padding;background-clip: padding-box;}
.homemenus .item{float:left; display:block; z-index:10; text-indent:12px; font-size:12px; color:#999; width:19%; cursor:pointer; background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:32px auto;}
.homemenus .home {background-position:8px 5px; color:#08c;}
.homemenus .relation {background-position:8px -467px;}
.homemenus .find {background-position:22px -371px; text-indent:28px; width:17%;}
.homemenus .me {background-position:22px -183px; text-indent:31px; width:17%;}
.homemenus .itemcenter{width:22%;background:none; margin-left:3.5%; margin-top:-19px;}
.homemenus .itemcenter img{display:block;width:100%; z-index:9999999;}
.homemenus a{color:#444; text-decoration:none;}
.homemenus a:hover{color:#3cb2ef;}
.homemenus a.current{color:#3cb2ef; text-decoration:none;}
.homemenus a.current:hover{color:#444;}

.visitorhomemenus{background-color:#fff; border-top:1px solid #ccc; height:56px; position:fixed; width:100%; font-size:14px; line-height:50px; z-index:999; left:0; right:0; bottom:0; zoom:1; clear:both;}
.visitorhomemenus .item{float:left; display:block; width:25%; font-size:16px; cursor:pointer; height:56px; line-height:56px; padding-left:10%; text-align:left; text-indent:5px; background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:26px auto;}
.visitorhomemenus .home {background-position:8px -62px;}
.visitorhomemenus .more {background-position:8px -216px;width:15%; }
.visitorhomemenus .fav{width:46%; background:none; padding-left:0; text-align:center;}
.visitorhomemenus .fav span{background-color:#ffa800; height:30px; line-height:30px; display:inline-block; color:#fff; padding:3px 10px 3px 3px;border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box;}
.visitorhomemenus .fav span.cancel{background-color:#fff; color:#999;border:1px solid #999; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box;}
.visitorhomemenus .fav span img{width:22px; vertical-align:text-bottom; margin-right:3px;}
.visitorhomemenus a{color:#444; text-decoration:none;}
.visitorhomemenus a:hover{color:#3cb2ef;}
.visitorhomemenus a.current{color:#3cb2ef; text-decoration:none;}
.visitorhomemenus a.current:hover{color:#444;}
.visitorhomemenus .weiyou {background:url(/Content/home140922/wy1.png) no-repeat 12% 17px; background-size:30px auto;width:40%;padding-left:0; text-align:center; }
.visitorhomemenus .fav2{background:url(/Content/star3.png) no-repeat 8px 4px;background-color: #ffa800;height:36px;color: #fff; margin-top:10px; line-height:36px; background-size:26px auto;width:32%; margin-left:1%;margin-right:1%;padding-left:6%; text-align:center;border-radius: 4px;-webkit-background-clip: padding;background-clip: padding-box;}
.visitorhomemenus .fav3{background:url(/Content/star2.png) no-repeat 0 14px;background-color:#fff;height:56px;line-height:56px; color:#444; background-size:26px auto;width:32%; margin-left:5%;margin-right:0;margin-top:0;padding-left:3%; text-align:center;border-radius: 0;}

.share_bg{width: 100%; height: 100%;background: rgba(0,0,0,.45); position: fixed; bottom: 0; left: 0; z-index: 99998; text-align: right; display:none;}
#shareboxnew{position: fixed; bottom: 0; left: 0; z-index: 99999; width:100%; display:none; background-color:#fff; text-align:center; }
#shareboxnew .items{ height:81px; line-height:90px;}
#shareboxnew .homebutton{width:22%; margin-left:41%; position:relative;}
#shareboxnew .homebutton img{display:block;width:100%; padding:0; margin:0; position:absolute; top:6px;}
#shareboxnew .homebutton .rotate45 { -webkit-transform: rotate(45deg) scale(1.0); -moz-transform: rotate(45deg) scale(1.0); transform: rotate(45deg) scale(1.0);-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s; transition-duration:0.4s; color: white; }
#shareboxnew .homebutton .rotate { -webkit-transform: rotate(0deg) scale(1.0); -moz-transform: rotate(0deg) scale(1.0); transform: rotate(0deg) scale(1.0);-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s; transition-duration:0.4s; color: white; }
#shareboxtop{position: fixed; bottom: 81px; left: 0; z-index: 99999; width:100%; display:none; background-color:#fff; text-align:center; }
#shareboxtop .btncontainer { width:100%; margin:10px  5%; border-radius:60px; -webkit-background-clip: padding;background-clip: padding-box; background-color:#fff; padding:3px; }
#shareboxtop .btncontainer a { padding:3% 5%; display:block; text-align:left; width:80%; color:#fff; font-size:20px; height:30px; line-height:30px; }
#shareboxtop .btncontainer a img { width:30px; vertical-align:text-top; margin-right:22%; }
#shareboxtop .plusvbtn{ border-radius:60px; -webkit-background-clip: padding;background-clip: padding-box; background-color:#ffa800; margin-bottom:15px; }
#shareboxtop .sharebtn{ border-radius:60px; -webkit-background-clip: padding;background-clip: padding-box; background-color:#0088cc; }

.panel_bg{width: 100%; height: 100%;background: rgba(0,0,0,.45); position: fixed; bottom: 0; left: 0; z-index: 99998; text-align: right; display:none;}
.panelbox{position: fixed; left: 0; top:100%; z-index: 99999; width:100%; text-align:center; padding-bottom:15px; background-color:#fff; }
.panelbox .btncontainer { width:90%; margin-bottom:10px; border-radius:60px; -webkit-background-clip: padding;background-clip: padding-box; background-color:#fff; padding:3px; }
.panelbox a { padding:3% 0; border-top:1px solid #ccc; color:#0899e1; display:block; width:98%; margin:0; background-color:#fff; font-size:16px; height:30px; line-height:30px; }
.panelbox .orangebtn{ background-color:#ffa800; }
.panelbox .bluebtn{ background-color:#0088cc; }
.panelbox .focusweicard{border-bottom:1px solid #ccc; margin-bottom:5px;}
.panelbox .cancelbtn{ border-top:0 solid #ccc;background-color:#aaa; color:#fff; margin-left:1%;padding-top:2%; border-radius:10px; -webkit-background-clip: padding;background-clip: padding-box; }

.page-label{color:#666; font-size:16px; text-indent:19px; position:relative;}
.page-label span{color:#aaa;}

.textCount{color:#666; font-size:14px; text-align:right; padding-right:5px;}

/* 2014-08-01 */
.telentsubs { padding:15px; font-size:14px; color:#666; }

/* 2014-08-07 */
.myscore { padding: 15px 5%; color:#999; font-size:14px; border-bottom:1px solid #bbb; background-color:#fff; }
.myscore span{ color:#f60; font-size:20px; }
.myscore-buttons { padding: 5%; width:90%; }
.myscore-buttons .button { display:block;width:100%;text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.myscore-buttons .smallbutton { padding:0 10px;display:inline-block; text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.myscore-buttons .button-orange {background-color:#ffa800; border-color:#ffa800;}
.myscore-buttons .button-white {background-color:#fff; border-color:#ccc; color:#666;}
.myscore-buttons .button-vertical-middel {vertical-align:middle;}
.myscore-buttons .button-exchange {width:40%;}
.myscore-buttons .button-money {width:40%;padding:0 10px; float:right;}
.myscore-buttons .button-money span{font-size:12px;}
.myscore-tabs{padding:0;margin:0; position:relative; background-color:#fff; border-bottom:2px solid #999;}
.myscore-tabs .tab{text-align:center; font-size:16px; color:#999; padding:10px 0; margin:0;}
.myscore-tabs .tab1{width:49%;display:inline-block;}
.myscore-tabs .tab2{width:49%;display:inline-block;}
.myscore-tabs .current{width:50%;background-color:#0899e1; height:4px; position:absolute; bottom:-2px; left:0;}
.myscore-tabs .moveright{
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-moz-transition-duration:0.4s;-webkit-transition-duration:0.4s; -o-transition-duration:0.4s;-ms-transition-duration:0.4s; transition-duration:0.4s;
}
.myscore-tabs .moveleft{
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition-duration:0.4s;-webkit-transition-duration:0.4s; -o-transition-duration:0.4s;-ms-transition-duration:0.4s; transition-duration:0.4s;
}

.height0{height:0; overflow:hidden;}
ul.scores {padding:0; margin:0; width:100%; margin-left:100%; }
ul.scores li{padding:10px 5%; margin:0; border-bottom:1px solid #ccc; background-color:#efefef; clear:both;height:32px; list-style:none; width:auto;}
ul.scores li span.from{color:#999; float:left;}
ul.scores li span.from .date{color:#0899e1;}
ul.scores li span.score{line-height:32px; float:right;}
ul.scores li span.plus{color:#0899e1;}
ul.scores li span.minus{color:#40b3ec;}

.records{padding:0; margin:0; width:100%; margin-left:-100%; }
.records li{border:1px solid #ccc; padding:10px; background-color:#fff; color:#555; margin:5%;}
.records li .photo{display:inline-block; margin-right:5px;}
.records li .photo img{width:98px;}
.records li .info{display:inline-block; line-height:23px;}
.records li .info span{color:#ffa800;}
.records li .info .button { margin-top:5px; background-color:#ffa800; border-color:#ffa800; padding:3px 12px;display:inline-block; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;font-size:14px;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.records li .info .button-grey { background-color:#ccc; border-color:#ccc; color:#444; }

ul.reward_score_history{}
ul.reward_score_history li{padding:10px 50px 10px 15px; margin:0; border-bottom:1px solid #ccc; background-color:#efefef;position:relative;}
ul.reward_score_history li span.score_amount{position:absolute;right:15px;top:50%;margin-top:-8px; line-height:16px; color:#0899e1}
ul.moveright{
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-moz-transition-duration:.4s; -o-transition-duration:.4s;-ms-transition-duration:.4s; transition-duration:.4s;-webkit-transition-duration:.4s;
}
ul.moveleft{
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-moz-transition-duration:.4s; -o-transition-duration:.4s;-ms-transition-duration:.4s; transition-duration:.4s;-webkit-transition-duration:.4s;
}

.hongbao{position: fixed; z-index: 1000000;top:0; left: 0; width: 100%; height:100%;}
.hongbao1{background:url(/Content/hb1.jpg) no-repeat #ffa500; background-size:100%;}
.hongbao img{width:100%; display:block;}
.hongbao .toptip{position:absolute; top:6%; left:15px; float:left; display:block;}
.hongbao .toptip .logo{float:left;}
.hongbao .toptip .logo img{ width:40px; vertical-align:text-top; border-radius:5px; border:1px solid #fff; -webkit-background-clip: padding;background-clip: padding-box;}
.hongbao .toptip .tips{float:right;position:relative; line-height:20px; font-size:13px;text-shadow:none; padding:7px; margin:-45px 15px 0 64px; color:#666; border:1px solid #ccc; background-color:#fff; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box;}
.hongbao .toptip .tips img{vertical-align:bottom;}
.hongbao .toptip .tips:before,.hongbao .toptip .tips:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;}
.hongbao .toptip .tips:before{border-width:11px;border-right-color:#ccc;top:19px;left:-22px;}
.hongbao .toptip .tips:after{border-width:10px;border-right-color:#fff;top:20px;left:-20px;}

.hongbao2{background:url(/Content/hb2.jpg) no-repeat #ffa500; background-size:100%; text-align:center; padding-top:55%;}
.hongbao2 span.top{color:#fff; font-size:18px; text-indent:8px;}
.hongbao2 span.top em{color:#ffa800;}
.hongbao2 span.txt {color:#fff; font-size:14px; margin-left:8px;}

.tip-hongbao{position:fixed; left:2%; width:88%; font-size:16px; line-height:30px; padding:15px 4%; color:#fff; border:1px solid #ffa800; background-color:#ffa800; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box; z-index:999; right:0; bottom:110px; zoom:1; clear:both;}
.tip-hongbao:before,.tip-hongbao:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;}
.tip-hongbao:before{border-width:20px;border-top-color:#ffa800;top:55px;left:45.5%;}
.tip-hongbao:after{border-width:20px;border-top-color:#ffa800;top:55px;left:45.5%;}
.tip-hongbao .delhbtip{color:#444;display:block; float:right; margin-right:4%;width:30px;height:30px;}
.tip-hongbao .delhbtip img{width:30px;height:30px; display:block; padding:0; margin:0;}

.mall-products {padding:5%;}
.mall-products li{border:1px solid #ccc; padding:10px; background-color:#fff; position:relative; color:#555; margin-bottom:10px;}
.mall-products li .photo{display:inline-block; margin-right:5px;}
.mall-products li .photo img{width:76px;}
.mall-products li .info{display:inline-block; line-height:23px;}
.mall-products li .info span{color:#ffa800;}
.mall-products li .info .button { margin-top:5px;  background-color:#ffa800; border-color:#ffa800; padding:5px 18px;display:inline-block; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;font-size:16px;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.mall-products li .stock{position:absolute;bottom:10px;right:10px; color:#999;}

#mall-products {padding:5%;}
#mall-products .photo{display:inline-block; margin-right:5px;}
#mall-products .photo img{width:76px;}
#mall-products .info{display:inline-block;font-size:12px;}
#mall-products .info .title{font-size:16px; margin-bottom:12px;}
#mall-products .info .score{font-size:14px; margin-bottom:12px;}
#mall-products .info .score span{color:#ffa800;}

.mall-provider{color:#999;font-size:14px; padding:0 5%;}
.mall-intro{color:#0899e1;font-size:16px; margin:3% 5%; padding-left:5px;border-left:4px solid #0899e1; }
.mall-descp{color:#999;font-size:14px; padding:0 5%;}

#confirmbox {display:none;z-index:99999; position:fixed; top:25%; left:7%; background-color:#fff; width:76%; padding:5%;}
#confirmbox .txt{color:#0899e1;font-size:16px; padding-left:5px;border-left:4px solid #0899e1; }
#confirmbox .detail{color:#888; margin:10px 0 5px; font-size:16px; line-height:26px;}
#confirmbox .detail span{color:#ffa800;}
#confirmbox .myscore-buttons { padding:5% 0; width:100%; }
#confirmbox .confirmbtn { width:38%; }
#confirmbox #cancelbtn { width:38%; float:right; }

#resultok {display:none;z-index:99999; position:fixed; top:25%; left:7%; background-color:#fff; width:76%; padding:5%;}
#resultok .txt{color:#999;font-size:28px; text-align:center; margin-bottom:8px; }
#resultok .txt img{ vertical-align:middle; margin-right:10px; width:50px; }
#resultok .detail{color:#888; margin:10px 0 5px; font-size:16px; line-height:26px;}
#resultok .detail span{color:#ffa800;}
#resultok .myscore-buttons { padding:5% 0; width:100%; }
#resultok .confirmbtn { width:38%; }
#resultok #cancelbtn { width:38%; float:right; }

.address-form{margin:5%;padding-bottom:15px;}
.address-form .txt{color:#0899e1;font-size:16px; padding-left:5px;border-left:4px solid #0899e1; margin-bottom:10px; }
.address-form .input-item{overflow:hidden;margin:.5em 0;position:relative;}
.address-form input[type=text]{border:none;width:100%;height:40px;padding:0 5px;background:#fff;border:1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.address-form input.btn[type=submit]{width:100%;margin:.5em 0;-webkit-appearance:none;outline:none}
.address-form .btn-b{background:#ffa800;color:#fff;border-color:#ffa800}

.homemenus0813{background-color:#ffa800; color:#fff; text-align:center; height:48px; line-height:48px; position:fixed; width:100%; font-size:14px; z-index:999; left:0; right:0; bottom:0; zoom:1; clear:both;}
.homemenus0813 .share{width:65%; float:left;}
.homemenus0813 .share img{width:24px; vertical-align:middle; margin-right:5px;}
.homemenus0813 .share .bar{width:1px; height:56px; background-color:#fff; float:right; margin-right:1px;}
.homemenus0813 .more{width:35%; float:right;position:relative;}
.homemenus0813 .more img{width:24px; vertical-align:middle; margin-right:5px;}
.homemenus0813 .menus{position:absolute;bottom:48px; width:100%; right:0; background-color:#fff; border:1px solid #ccc; border-bottom-width:0;}
.homemenus0813 .menusinit{height:0; overflow:hidden;border-color:#ffa800;bottom:47px; border-left-color:#fff; border-bottom-width:0;}
.homemenus0813 .menus .item{display:block; text-align:left; text-indent:1.8em; color:#999; width:100%; cursor:pointer; font-size:14px; line-height:48px; position:relative;}
.homemenus0813 .menus .item img{width:24px;}
.homemenus0813 .menus .relation {}
.homemenus0813 .menus .find {border-top:1px solid #ffa800;}
.homemenus0813 .menus .me {border-top:1px solid #ffa800;}
.homemenus0813 .menusslideup{
height:242px;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
.homemenus0813 .menusslidedown{
height:0;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
.product-types {background-color:#fff;padding:0;margin:0; position:relative;}
.product-types .type{float:left; width:17%;text-align:center; padding:4% 16%;}
.product-types .type img{width:88%; vertical-align:middle;}
.product-types .arrow{position:absolute;bottom:0;left:22%;}
.product-types .arrow:after{content:"";display:block;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;border-width:10px;border-bottom-color:#eee;}

.products-slider {position:relative; margin-bottom:15px; }
.products-slider .mall-products{position:absolute; width:90%;}
.products-slider #mfee { left:100%; }
.products-slider #jd { left:100%; }
.products-slider #qq { left:200%; }
.products-slider #gift { left:0; }

.homemenus0813 .more em{ top:10px; right:13%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }
.homemenus0813 .menus .item i{ top:12px; right:20%; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box; }

/* 2014-08-18 */
.privacy{background-color:#fff; }
.privacy .title{ padding:10px 0 5px 15px; font-size:16px; color:#444; line-height:30px; height:30px; }
.privacy .checkbox{ background-color:#efefef; text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.privacy .checkbox .item{ width:33%; float:left; padding:10px 0;line-height:30px; height:30px;background-color:#efefef; }
.privacy .checkbox .itemleft{ border-left:1px solid #ccc; }
.privacy .checkbox .itemright{ border-right:1px solid #ccc; }
.privacy .checkbox .checked{ background-color:#08c; color:#fff; }
.privacy .complete{  padding:10px 0 5px 15px; font-size:16px; color:#444; line-height:40px; height:40px;background-color:#efefef; }
.privacy .complete .button { background-color:#08c; border-color:#08c; line-height:26px; height:26px; margin-right:15px; padding:5px 18px;display:block; float:right; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;font-size:16px;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}


.myfav-tabs{padding:0;margin:0; position:relative; background-color:#fff; border-bottom:1px solid #ccc;}
.myfav-tabs .tab{text-align:center; font-size:16px; color:#444; padding:10px 0; margin:0;}
.myfav-tabs .tab1{width:33%;display:block;float:left;}
.myfav-tabs .tab2{width:33%;display:block;float:left;}
.myfav-tabs .tab3{width:34%;display:block;float:left; position:relative;}
.myfav-tabs .tabbg{background-color:#efefef;}
.myfav-tabs .current1{width:33%;background-color:#0899e1; height:3px; position:absolute; bottom:-1px; left:0;}
.myfav-tabs .current2{width:33%;background-color:#0899e1; height:3px; position:absolute; bottom:-1px; left:33%;}
.myfav-tabs .current3{width:34%;background-color:#0899e1; height:3px; position:absolute; bottom:-1px; left:66%;}
.myfav-tabs .tab3 .reddot{position:absolute; color:#f00; font-size:28px; font-style:normal; height:20px; top:-8px; right:22%;}
.margintop10{margin-top:10px;}
.margintop15{margin-top:15px;}
.notfound{ margin:15px 5%; padding:5%; background-color:#fff; border:2px dashed #ccc; border-radius:8px; -webkit-background-clip: padding;background-clip: padding-box;}
.notfound .txt{text-align:center; margin-bottom:5%; color:#666;}
.notfound .txt2{text-align:center; margin-top:5%; color:#999;}

.hbutton { padding:0 10px;display:block;text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.hbutton2 { padding:0 5%;}
.hbutton-width100{width:100%;}
.hbutton-width96{width:96%;}
.hbutton-width90{width:90%;}
.hbutton-width86{width:86%;}
.hsmallbutton { padding:0 10px;display:inline-block;text-align:center;line-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #0899e1;font-size:16px;background:#0899e1;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.hbutton-orange {background-color:#ffa800; border-color:#ffa800;}
.hbutton-vertical-middel {vertical-align:middle;}
.hmargin-h-2{margin-left:2%;margin-right:2%;}
.hmargin-v-3{margin-top:3%;margin-bottom:3%;}

.hometip140827{position:fixed; left:2%; width:88%; text-align:center; font-size:16px; line-height:30px; padding:15px 4%; color:#666; border:1px solid #fff; background-color:#fff; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box; z-index:99999; right:0; bottom:70px; zoom:1; clear:both;}
.hometip140827:before,.hometip140827:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;}
.hometip140827:before{border-width:15px;border-top-color:#fff;top:110px;right:8%;}
.hometip140827:after{border-width:15px;border-top-color:#fff;top:110px;right:8%;}
.hometip140827 span{color:#ffa800;}
.hometip140827 .delhbtip{color:#444;display:block; text-align:right; margin-right:-1%; margin-top:-10px; height:30px;}
.hometip140827 .delhbtip img{width:30px;height:30px; display:block; padding:0; margin:0; float:right;}

/* 2014-08-29 */
.searchcontainer {width:100%; margin:0; padding:6px 0; border-bottom:1px solid #ccc; text-align:center; }
.searchcontainer .form-input{width:86%; margin-bottom:0;height:24px;padding:3px 5px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box; background:url(/Content/home_find.png) no-repeat #fff 3px 5px; background-size:20px; padding-left:25px;}

.visit-date{position:absolute;right:8px; top:5px; color:#666;}
.visitor-list .relations{position:absolute; font-size:12px;right:3px; top:20px; background-color:#ccc; color:#fff; padding:0 5px;border:1px solid #ccc;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}

.findfriends p{color:#666;}
.findfriends p.friends{color:#999;}

.visitor-list h4{width:80%;}
.visitor-list p{width:80%;}

#alphabet li.current .panel-content{display:block}
#alphabet .swap-list li{display:block; margin:0; padding:0;border-bottom:0 solid #ddd}
#alphabet .swap-list li a.list-item{border-bottom:1px solid #ddd; height:60px;}
#alphabet .panel-content{padding:10px 4%;display:none; overflow:hidden; background-color:#fff; clear:both; width:92%;border-bottom:1px solid #ddd; }
#alphabet .panel-content-show{display:block;}
#alphabet .panel-content .tag{background-color:#ccc;font-size:16px; color:#fff; padding:5px 0;width:36%;display:inline-block;text-align:center;border:1px solid #ccc;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}
#alphabet .panel-content .view{background-color:#08c;font-size:16px; color:#fff; padding:5px 0;width:36%;display:inline-block;text-align:center;position:absolute; right:14%; bottom:10px;border:1px solid #08c;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}
#alphabet p.tags{color:#999;}
#alphabet p.tags span{background-color:#ddd;font-size:12px; color:#666; padding:0 5px; margin-right:5px;text-align:center;border:1px solid #ddd;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}

.favtag-detail .SkillLabels{ display:inline; float:left; overflow:hidden; border:1px solid #c2c2c2; background:#fff; line-height:32px;font-size:16px; margin-right:5px; width:94%;white-space:nowrap; padding:1% 3%;}
.favtag-detail .SkillLabels #SkillLabels{display:inline;float:left; }
.favtag-detail .SkillLabels .addbox{display:inline;float:left; }
.favtag-detail .SkillLabels .addbox input[type='text']{ border:0 none; outline:0 none;font-size:16px;width:190px; height:48px;}
.favtag-detail .skillpro{ clear:both; float:none; margin:10% 5% 0; color:#999; font-size:14px;line-height:1.5em;}
.favtag-detail .skillpro b{ color:#f90; margin:0 5px; font-size:18px}

.favtag-detail .SkillLabels span{ position:relative;line-height: 32px; background:#d1eaf4; border-radius:5px; padding:3px 20px 3px 8px;margin:2px 5px 2px 2px;height: 32px; display: inline;float: left;white-space: nowrap; font-size:12px;-webkit-background-clip:padding;background-clip:padding-box;}
.favtag-detail .SkillLabels span b{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:80px; height:32px;word-break:break-all;font-size:14px; word-wrap: break-word; display:inline-block; line-height:32px;}
.favtag-detail .SkillLabels span i{ text-indent:-9999px; position:absolute; right:5px; top:3px;display:inline-block; background:transparent url(http://s.headin.cn/jobs/JobNav.png) no-repeat 100% -175px; width:12px; height:16px; vertical-align:middle;}
.favtag-detail .SkillLabels span i:hover{ background-position:100% -191px;}

.taggrouplink {display:block; position:relative; width:83%; color:#444; font-size:16px; margin-left:3%; margin-top:10px; padding:3% 5%; background-color:#fff; border:1px solid #ddd;border-radius:5px; -webkit-background-clip:padding;background-clip:padding-box;}
.taggrouplink span{color:#999;}
.taggrouplink:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.tagname{background:#fff; border-bottom:1px solid #ddd; text-indent:1em; padding:4% 0; font-size:16px;}
.tagname span{color:#999;}
.taggrouplink:visited{color:#444;}

.tag-panel {background-color:#ffa800;padding:12px 0;position: fixed;width: 100%;font-size: 18px;z-index: 999999;left: 0;right: 0;bottom:0;clear: both; display:block; text-align:center; color:#fff;}
.tag-panel img{width:30px; vertical-align:middle; margin-right:5px; margin-top:-2px;}
.tag-panel:hover{color:#fff;}
.tag-panel:visited{color:#fff;}

.tagtit{font-size:16px; color:#999; padding:3% 3% 0;}
.tagnames { width:94%; padding:3%;}
.tagnames .name { display:inline-block; background:#fff; color:#999; border:1px solid #ddd; padding: 6px 4%; font-size: 12px; margin:0 5px 8px 0;border-radius:5px; -webkit-background-clip:padding;background-clip:padding-box; }
.tagerror{font-size:16px; color:#f00; text-align:center;}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}

.card-list .panel-content .bottom ul.exchange li.close { text-align:center; border:1px solid #ccc; background-color:#fff; margin-top:5px; padding:5px 0; }


.myscore2 { padding: 0 5%; color:#999; font-size:14px; border-bottom:1px solid #bbb; background-color:#efefef; height:50px;line-height:50px}
.myscore2 span{ color:#f60; font-size:20px; }

.myscore2 ul{float:right;border-left:1px solid #ccc;padding:10px 0px 10px 5px}
.myscore2 li a{ display:block;line-height:30px;padding-left:25px}
.myscore2 li a.list{background:url(myscore_link_list.png) no-repeat 0 50%;background-size:20px 20px}
.myscore2 li a.ques{background:url(myscore_link_ques.png) no-repeat 0 50%;background-size:20px 20px}
.mallSliderContainer {padding:0; margin:0;position: relative; overflow:hidden;}
#slides {display:none;}
.iphones { padding:0; color:#999; margin:0; font-size:14px; border-bottom:1px solid #bbb; background-color:#efefef; }
.iphones a {position:absolute;}
.iphones a img {width:100%;}

/* 2014-09-11 */
.msg-dialog {background-color:#fff;}
.msg-dialog .avatar {width:50px; height:50px; float:left;position:relative;border-radius:2px; -webkit-background-clip: padding;background-clip: padding-box;}
.msg-dialog .avatarv1 {border: 2px solid rgba(210,163,103,.8);}
.msg-dialog .avatarv2 {border: 2px solid rgba(252,176,3,.8);}
.msg-dialog .avatarv3 {border: 2px solid rgba(246,112,5,.8);}
.msg-dialog .avatarv4 {border: 2px solid rgba(203,32,13,.8);}
.msg-dialog .avatarv5 {border: 2px solid rgba(191,37,238,.8);}
.msg-dialog .avatarv6 {border: 2px solid rgba(0,197,255,.8);}
.msg-dialog .avatar img{ width:50px; }
.msg-dialog .v-icon{position:absolute;right:-8px;bottom:-6px;width:20px;height:20px;display:block;background-size:10px;overflow:hidden;text-indent:-99em;}
.msg-dialog .v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}
.msg-dialog .tips{float:left;position:relative; line-height:20px; font-size:13px;text-shadow:none; padding:7px; margin-left:23px;border:1px solid #ccc; background-color:#eee; border-radius:6px; -webkit-background-clip: padding;background-clip: padding-box;}
.msg-dialog .tips img{vertical-align:bottom;}
.msg-dialog .tips:before,.msg-dialog .tips:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border:solid transparent;}
.msg-dialog .tips:before{border-width:11px;border-right-color:#ccc;top:19px;left:-22px;}
.msg-dialog .tips:after{border-width:10px;border-right-color:#eee;top:20px;left:-20px;}
.bottom-panel {background-color:#ffa800;font-size:16px;padding:12px 0; color:#fff;position: fixed;width: 100%;font-size: 18px;z-index: 999999;left: 0;right: 0;bottom:0;clear: both; display:block; text-align:center; color:#fff; border:0; border-radius:0;}
.rfriends .msg-dialog{padding:5% 5%; background-color:#ddd;}
.rfriends .msg-dialog .tips{background-color:#efefef;}
.rfriends .card-list { position:relative;}
.rfriends .card-list ul.bg{background:#fff;}
.rfriends .card-list h4{width:64%;}
.rfriends .card-list p{width:64%;}
.rfriends .card-list .relations{position:absolute; width:50px; text-align:center; font-size:12px;right:9px; top:5px; background-color:#ccc; color:#fff; padding:5px 10px;border:1px solid #ccc;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}
.rfriends .card-list .arelations{position:absolute; width:50px; text-align:center; font-size:12px;right:9px; top:8px; background-color:#0899e1; color:#fff; padding:5px 10px;border:1px solid #0899e1;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}
.rfriends-angle .card-list:before,.rfriends-angle .card-list:after{content:"";display:block;position:absolute;overflow:visible;font-family:simsun;width:0px;height:0px;_line-height:0;font-size:0;border-style:dashed dashed solid dashed;}
.rfriends-angle .card-list:before{border-width:0 11px 11px 11px;border-color:transparent transparent #fff transparent;top:-10px;margin-left:15px;}
.rfriends-angle .card-list:after{border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent;top:-10px;margin-left:15px;}
.rfriends-angle .card-list{margin-top:20px;}

.mall-tujia img {width:100%;}
#resultok .tujiatxt {font-size:14px;}

/* 2014-09-18 */
.find-rank{padding:3% 10px; background-color:#fff;border-bottom:1px solid #ddd; color:#999;}
.find-rank .container{border:1px solid #ddd;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box; margin-bottom:5px;}
.find-rank .container .item{ text-align:center; display:inline-block; width:49%; padding:5px 0; }
.find-rank .container .current{background-color:#efefef;}
.find-rank .container .border-left{ border-right:1px solid #ddd; }
.find-rank .container .border-right{ border-left:1px solid #ddd; }
.find-rank .result{font-size:14px;}

/* 2014-09-23 */
.slidemenufullbg{width:100%;position:fixed;top:0; bottom:0;left:0;right:0;z-index:1000;display:none;}
.slidemenubg{width:66%;position:fixed;top:0; bottom:0; right:-67%;background-color:#fff; opacity:0.96;z-index:1000;border-left:1px solid #ddd;}
.slidemenu{width:66%;position:fixed;top:0; bottom:0; right:-67%;z-index:1000;}
.slidemenu a.avatar{border-bottom:1px solid #ddd; height:24%; position:relative; display:block; text-align:center; color:#999; font-size:16px;}
.slidemenu a.avatar:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:48%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.slidemenu .avatar span.avatarv1 {border: 4px solid rgba(210,163,103,.8);}
.slidemenu .avatar span.avatarv2 {border: 4px solid rgba(252,176,3,.8);}
.slidemenu .avatar span.avatarv3 {border: 4px solid rgba(246,112,5,.8);}
.slidemenu .avatar span.avatarv4 {border: 4px solid rgba(203,32,13,.8);}
.slidemenu .avatar span.avatarv5 {border: 4px solid rgba(191,37,238,.8);}
.slidemenu .avatar span.avatarv6 {border: 4px solid rgba(0,197,255,.8);}
.slidemenu .avatar i.v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar i.v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar i.v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar i.v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar i.v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar i.v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}
.slidemenu .avatar span{width:50px;height:50px;display:inline-block;border-radius:44px;-moz-border-radius: 44px;-o-border-radius: 44px;-ms-border-radius: 44px;border:4px solid rgba(240,240,240,.5);margin:0 auto 5px;position:relative}
.slidemenu .avatar span img{width:50px;height:50px;border-radius:40px;-moz-border-radius: 40px;-o-border-radius: 40px;-ms-border-radius: 40px;overflow:hidden}
.slidemenu .avatar span i{display:block;position:absolute;width:20px;height:20px;bottom:-5px;right:-5px;background:url(v-icon.png) no-repeat 0 0;background-size:20px;overflow:hidden;text-indent:-99em}
.slidemenu .itemlink{border-bottom:1px solid #ddd; height:12%; display:block; position:relative; color:#999; font-size:16px; line-height:60px;}
.slidemenu .itemlink span{color:#444;display:inline-block;margin-top:-2%;vertical-align:text-top;font-size:16px;line-height:30px;padding-left:10px;margin-left:35px;background:url(/Content/icon1.png?v=20140818) no-repeat 50% 0; background-size:30px auto;}
.slidemenu .itemlink span.r-discover{background-position:0 -883px; display:inline-block; width:30px; height:30px;}
.slidemenu .itemlink span.r-group{background-position:0 -1502px;width:30px;height:30px; display:inline-block;}
.slidemenu .itemlink span.r-collected{background-position:0 -1414px;width:30px;height:30px; display:inline-block;}
.slidemenu .itemlink:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:48%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.slidemenu .iconlink{height:18%; padding-top:20%; padding-left:5%;font-size:14px;}
.slidemenu .iconlink a{display:inline-block; width:30%; text-align:center;color:#999;}
.slidemenu .iconlink a img{width:42px;}
/*
    .slidemenu .iconlink{height:18%;font-size:14px;}
    .slidemenu .iconlink a{display:inline-block; width:30%; text-align:center;color:#999; margin:0 5% 5px;}
    .slidemenu .iconlink a img{width:36px;}
*/
.slidemenu .bottom{height:48px;font-size:18px;position:absolute;bottom:0;border-top:1px solid #ddd; width:95%; padding-left:5%; line-height:48px; color:#999; }
.slidemenu .bottom img{width:30px;vertical-align:middle;margin-right:5px;}

.slidemenu-moveright{-moz-transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);-moz-transition-duration:.4s; -o-transition-duration:.4s;-ms-transition-duration:.4s; transition-duration:.4s;-webkit-transition-duration:.4s;}
.slidemenu-moveleft{-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-moz-transition-duration:.4s; -o-transition-duration:.4s;-ms-transition-duration:.4s; transition-duration:.4s;-webkit-transition-duration:.4s;}

.homemenus0923{background-color:#fff; border-top:1px solid #ddd; text-align:center; height:48px; line-height:48px; position:fixed; width:100%; font-size:16px; z-index:999; left:0; right:0; bottom:0; zoom:1; clear:both;}
.homemenus0923 .share{width:40%; float:left;}
.homemenus0923 .share span,.homemenus0923 .create_group span{display:inline-block; background-color:#ffa800; color:#fff;border:1px solid #ffa800; height:36px; line-height:36px; width:90%;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box;}
.homemenus0923 .share span img{width:28px; vertical-align:middle; margin-right:5px;}
.homemenus0923 .weiyou{width:30%; float:left;}
.homemenus0923 .weiyou a,.homemenus0923 .group_chat a{display:inline-block; background-color:#fff; color:#999; height:36px; line-height:36px; width:90%; position:relative;}
.homemenus0923 .weiyou a img,.homemenus0923 .group_chat a img{width:30px; vertical-align:middle; margin-right:5px;}
.homemenus0923 .weiyou a i{top:7px; left:30px; width: 6px; height: 6px; display:inline-block; border:2px solid #fff; background: #e00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position:absolute;-webkit-background-clip: padding;background-clip: padding-box;}
.homemenus0923 .more{width:30%; float:left;}
.homemenus0923 .more span{display:inline-block; background-color:#fff; color:#999;height:36px; line-height:36px; width:90%;}
.homemenus0923 .more span img{width:28px; vertical-align:middle; margin-right:5px;}

.homemenus0923 .create_group{width:50%;float:left}
.homemenus0923 .group_chat{width:50%;float:left}
.homemenus0923 .group_chat a img{height:25px;width:auto}

.mall-products li .info .button-grey {background-color:#efefef; border-color:#ddd; color:#444;}

.mayinteresting,.mysharereward{position:relative; margin:2%; width:92%; padding:2%; border:1px solid #ddd; background-color:#fff;}
.mayinteresting:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:52%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}
.mayinteresting .label{font-size:14px;color:#999;}
.mayinteresting .list .item{float:left;}
.mayinteresting .list span{width:36px;height:36px;display:inline-block;border-radius:44px;-moz-border-radius: 44px;-o-border-radius: 44px;-ms-border-radius: 44px;border:2px solid rgba(255,255,255,.5);margin:0 5px 5px 0;position:relative}
.mayinteresting .list span img{width:36px;height:36px;border-radius:40px;-moz-border-radius: 40px;-o-border-radius: 40px;-ms-border-radius: 40px;overflow:hidden}
.mayinteresting .list span i{display:block;position:absolute;width:20px;height:20px;bottom:-5px;right:-5px;overflow:hidden;text-indent:-99em}
.mayinteresting .list span.avatarv1 {border: 2px solid rgba(210,163,103,.8);}
.mayinteresting .list span.avatarv2 {border: 2px solid rgba(252,176,3,.8);}
.mayinteresting .list span.avatarv3 {border: 2px solid rgba(246,112,5,.8);}
.mayinteresting .list span.avatarv4 {border: 2px solid rgba(203,32,13,.8);}
.mayinteresting .list span.avatarv5 {border: 2px solid rgba(191,37,238,.8);}
.mayinteresting .list span.avatarv6 {border: 2px solid rgba(0,197,255,.8);}
.mayinteresting .list i.v1{background:url(/Content/v/v1.png) no-repeat 0 0;background-size:20px;}
.mayinteresting .list i.v2{background:url(/Content/v/v2.png) no-repeat 0 0;background-size:20px;}
.mayinteresting .list i.v3{background:url(/Content/v/v3.png) no-repeat 0 0;background-size:20px;}
.mayinteresting .list i.v4{background:url(/Content/v/v4.png) no-repeat 0 0;background-size:20px;}
.mayinteresting .list i.v5{background:url(/Content/v/v5.png) no-repeat 0 0;background-size:20px;}
.mayinteresting .list i.v6{background:url(/Content/v/v6.png) no-repeat 0 0;background-size:20px;}


ul.reward_list{margin:10px}
ul.reward_list li{background:#fff;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
ul.reward_list .item_main{border-bottom:1px solid #efefef;padding:10px 30px 10px 10px;position:relative }
ul.reward_list .item_main h3{color:#666}
ul.reward_list .item_main h3 strong{color:#f90}
ul.reward_list .item_main h2{font-size:18px}
ul.reward_list .item_main:after{content:"";display:block;position:absolute;width:10px;height:16px;right:10px;top:50%;margin-top:-8px;background:url(new_icons_v3.png?v=20140416) no-repeat -30px -36px;background-size:120px auto}

.mysharereward {padding:0;width:96%}
.mysharereward .label{font-size:14px;color:#999;padding:10px}
.mysharereward .label a{float:right}
.mysharereward ul.reward_list .item_main{border-top:1px solid #efefef;border-bottom:0 none}
.mysharereward ul.reward_list,.mysharereward ul.reward_list li{margin:0}
.fr-mayfriends { padding-top:20px; }
.fr-mayfriends .page-label{color:#666; text-indent:1em; color:#999;}

.fr-searchcontainer {width:100%; margin:0; padding:6px 0; border-bottom:1px solid #ccc; text-align:center; }
.fr-searchcontainer .form-input{width:86%; margin-bottom:0;height:24px;padding:3px 5px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-background-clip:padding;background-clip:padding-box; background:url(/Content/home_find.png) no-repeat #fff 3px 5px; background-size:20px; padding-left:25px;}

#changebtn{background-color:#ffa800; color:#fff; position:absolute; right:4%; text-indent:0; padding:0 10px;display:inline-block;text-align:center;border-radius:.2em;border:1px solid #ffa800;line-height:24px;height:24px;font-size:16px;-webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.card-group .bottom_nav{position:fixed;bottom:0; width:100%;left:0;background:#f90;height:45px; line-height:45px}
.card-group .bottom_nav a{width:32%;text-align:center;color:#fff;display:inline-block;border-left:1px solid #ccc;margin:0 0 0 -1px;padding:0;}
.card-group .bottom_nav a#join-in-btn{width:100%;margin:0;border:0}
.card-group .bottom_nav .bottom-tip{color:#666;background:#ccc;text-align:center}

.fr-mayfriends .margintop15{margin-top:30px}
.address-form select{line-height:20px;padding:1% 10px;width:100%; color:#a6a6a6; font-size:14px;-webkit-appearance:none;outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-background-clip: padding;background-clip: padding-box;}


.page-nav li em.qcode{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/icon1.png?v=20140818) no-repeat 0 -793px; background-size:30px auto;width:30px;height:30px;}


.page-nav li em.interest{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/home140922/icon2.png?v=20140818) no-repeat 0 0; background-size:30px auto;width:30px;height:30px;}
.page-nav li em.sns{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/home140922/icon2.png?v=20140818) no-repeat 0 -90px; background-size:30px auto;width:30px;height:30px;}
.page-nav li em.focus{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/home140922/icon2.png?v=20140818) no-repeat 0 -180px; background-size:30px auto;width:30px;height:30px;}
.page-nav li em.zhaopin{color:#444;display:inline-block;font-size:16px;line-height:30px;padding-left:40px;background:url(/Content/home140922/icon2.png?v=20140818) no-repeat 0 -270px; background-size:30px auto;width:30px;height:30px;}


.exchange-alert {color:#f00; font-size:18px; margin-bottom:10px; line-height:28px;}


.medals .medal {padding:10px; border-bottom:1px solid #ccc;}
.medals .medal .logo {float:left; width:30%;}
.medals .medal .logo img {width:90px;}
.medals .medal .detail {float:right; width:64%;}
.medals .medal .detail .title {color:#444; font-size:16px; margin-bottom:5px;}
.medals .medal .detail .descp {color:#999; font-size:14px; margin-bottom:5px;}
.medals .medal .detail .button { padding:5px 10px;display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.2em;border:1px solid #32af5b;font-size:16px;background:#32af5b;color:#fff; -webkit-appearance:none; -moz-appearance:none; -webkit-background-clip: padding;background-clip: padding-box;}
.medals .medal .detail .button-grey {background-color:#ccc; border-color:#ccc; color:#666}

.slidemenu .iconlink .icon-group { margin:3% 7% 2%; }
.slidemenu .iconlink .icon-group2 { margin:2% 0 2% 24%; }


.mayinteresting .list .logo {display:inline-block;}
.mayinteresting .list .logo img{ width:36px; }

.mayinteresting .tips{font-size:14px;color:#f90;}
.mall-products li .info span.fee{color:#444; font-size:12px;}

.address-form .input-item span{color:#f00;}

.ext-subscribe {padding:5%;}
.ext-subscribe .step{margin:8px 0; font-size:14px; color:#444;}
.ext-subscribe .img img{ width:100%; }